This directive must be used along with the progress service of the qipp-services-progress module which emits a progress event on the rootScope, monitoring the ongoing and outgoing traffic. This traffic is then displayed as a progress bar appended to the element instantiating the directive.
npm i qipp-directives-progress
By default, the height and the color of the progress bar are set to be 7px and blue. You can define these CSS attributes by configuring the progressBarStyle provider in the config phase of your application:
progressBarStyledefaultsheight = 10 // in pixels.progressBarStyledefaultsbackground = 10 10 10 05 // grey with alpha, rgba format.
Use the directive on the body tag of your application:
Linting with StandardJS
npm run lint
Unit testing with Karma
- angular 1.4.3
- qipp-services-progress 1.0.0