@holidayextras/react-progress-bar

# 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

Changelog

2.1.0

• Add a new optional prop for the progress bar's start point before animation.
• Replace react-shallow-render with enzyme in tests
• Upgrade other dev dependencies
• Add nvmrc for node 4.4.4 (project is still compatible with 0.12.9)