qipp-directives-progress

1.0.0 • Public • Published

qipp-directives-progress Build Status npm version

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

Qipp modules

Licence

Released under the MIT license by qipp.

Dependencies (1)

Dev Dependencies (10)

Package Sidebar

Install

npm i qipp-directives-progress

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • qipp