Angular Loading Bar

An automatic loading bar using angular interceptors. It works automatically, so simply include it as a dependency and it will automatically display the progress of your $http requests.

  Download   View on GitHub

cfpLoadingBar.start() cfpLoadingBar.complete() Real Example (from reddit)

What is this?

There are a few projects like this one, but none that were automatic. They all required you to maintain state on behalf of the progress bar, setting its position manually. This is problematic when you have multiple services all making independent XHR requests. You simply can't have loosly-coupled code in this scenario.

This project is different. It automates the loading bar's progress, by using angular interceptors. Multiple requests within the same time period get bundled together such that each response increments the progress bar by the appropriate amount.

How do I use it?

Install it via npm or bower

$ npm install angular-loading-bar
$ bower install angular-loading-bar

To use, simply include it as a dependency in your app and you're done!

angular.module('myApp', ['angular-loading-bar'])

Showing a few results for: /r/{{subreddit}}...

{{post.data.score}}
{{post.data.title}}

by {{post.data.author}}

{{post.data.num_comments}} comments