React Progress Bar Plus

Progress bar component for ReactJS.

Installation

$3

``bash
npm install --save react-progress-bar-plus
`

$3

`bash
bower install --save react-progress-bar-plus
`

Usage

$3

`js
const ProgressBar = require('react-progress-bar-plus');


`

$3

Webpack:

`js
require('react-progress-bar-plus/lib/progress-bar.css');
`

Without Webpack:

`html

`

$3

`html


`

`js
const ProgressBar = window.ReactProgressBarPlus;
`

Example here

Props


| Name | Type | Default | Description |
|------|------|---------|-------------|
| percent | number | -1 | Progress percent |
| onTop | bool | false | Progress bar will ontop & height 100% |
| autoIncrement | bool | false | if true percent will auto increment Math.random() + 1 - Math.random()% in intervalTime ms. |
| intervalTime | number | 200 | Interval time for auto increment. |
| spinner | oneOf([false, 'left', 'right']) | left | Spinner position. Pass false` to hide spinner icon. |
| className | string | | Custom class |

Example

View demo or example folder.

License

MIT Licensed. Copyright (c) Minh Tran 2016.