Nutritious Pancake Mountain

    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.

    Install

    npm i qipp-directives-progress

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • avatar