/angular-http-progress

Wrapper for https://github.com/victorbjelkholm/ngprogress - automatically handles http progress with interceptor

Primary LanguageTypeScript

angular-http-progress

Wrapper for https://github.com/victorbjelkholm/ngprogress - automatically handles http progress with interceptor

Build Status Coverage Status Dependency Status Bower version npm version

Intro

This module wraps https://github.com/victorbjelkholm/ngprogress, adding an interceptor for reporting progress of http requests and various throttling fixes to stop overloading the site progress module.

Installation

Install through bower:

bower install angular-http-progress --save

Usage

  • Require the ngHttpProgress module in your angular application
angular.module('app', ['ngHttpProgress'])
  • (Optionally) configure the service provider
angular.module('app', ['ngHttpProgress'])
.config(['ngHttpProgress', function(ngHttpProgressProvider){
    ngHttpProgressProvider
        .configure({
            color: '#ff000',
            height: '10px'
        })
    ;
}])
  • ???
  • Profit! All outgoing http requests will start or bump the progress meter, when all pending requests are resolved, the progress bar will complete.