@holidayextras/react-progress-bar

4.0.0 • Public • Published

# react-progress-bar

React Component to render a React Bootstrap progress bar (wrapped in a panel)

var ProgressBar = require('react-progress-bar');
ReactDOM.render(<ProgressBar />, document.getElementById('container'));

Options

  • start - The starting point for the transition to the loaded percentage. Default: 0.
  • now - The currently loaded percentage you want to display. Default: 100.
  • duration The duration of the transition to the loaded percentage. - Default: 1.
  • title A title on the loading panel. - Default: null.
  • subtitle A subtitle on the loading panel. - Default: null.
  • type The type of loading bar (one of success', 'info', 'warning', 'danger') - Default: 'info'.

Demo

Run npm run start then open doc/example.html in a browser to see it working

Developing

Clone the repo and npm install.

npm start will create and watchify an example which you can open in your browser, at doc/example.html

npm test for the unit tests.

npm run coverage gets coverage with istanbul, report is output to the coverage directory. It will exit nonzero if any metric is below 100%

npm run lint checks the code against our guidelines

Dependencies (0)

    Dev Dependencies (21)

    Package Sidebar

    Install

    npm i @holidayextras/react-progress-bar

    Weekly Downloads

    7

    Version

    4.0.0

    License

    ISC

    Last publish

    Collaborators

    • olliebhx
    • samus222
    • elliotstokeshx
    • djbeaumont