qipp-directives-progress
v1.0.0
Published
Progress directive for Angular application.
Downloads
2
Readme
qipp-directives-progress
General
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.
Install
npm i qipp-directives-progress
Angular usage
Configuration
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:
progressBarStyle.defaults.height = 10 // in pixels.
progressBarStyle.defaults.background = [10, 10, 10, 05] // grey with alpha, rgba format.
Implementation
Use the directive on the body tag of your application:
<body progress-bar></body>
Tools
Linting with StandardJS
Please refer to the JavaScript Standard Style for general rules.
npm run lint
Unit testing with Karma
npm test
Requirements
Angular
- angular 1.4.3
Qipp modules
- qipp-services-progress 1.0.0
Licence
Released under the MIT license by qipp.