AngularJs $http get request - How to show Progress bar?

Question

In my application , i try to make a simple get request. For that request response is very huge JSON(15 MB).

Is Possible to show progress bar to show this much percentage download?

Answer 1

Try this it will sure help you http://chieffancypants.github.io/angular-loading-bar/

 npm install angular-loading-bar

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

Answer 2

I recommend using Angular Loading Bar. It works automatically for $http requests and does not reuire any setup except adding it as a dependency.

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

http://chieffancypants.github.io/angular-loading-bar/