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.
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.
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'])