Animated Navbar Loader for AngularJS

An attempt at recreating the Google iOS app's loading bar in Angular. Just add jf-nav-bar-loader to the parent navbar element, for ex:

 <nav class="navbar navbar-default navbar-fixed-top" jf-nav-bar-loader> 

You can set up custom configurations in your app config, or rely on defaults, or change it yourself.

jf_NavLoadingBarCfgProvider.setConfigs({
  hideDelay: 1000,
  baseColor: 'white',
  baseOpacity: 0.3
})

To use, simply include it as a dependency in your app and you're good to go.

 angular.module('demo', ['jf_NavBarLoader']) 

Click the button for a Demo (from reddit: {{ subreddit }})

$http.get( {{ subreddit }} )