Component to generate a simple loading bar (wrapped in a panel)


014.0.04 years ago6 years agoMinified + gzip package size for @holidayextras/react-progress-bar in KB



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'));


  • 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'.


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


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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.