React Progress Bar Plus
Progress bar component for ReactJS. A modification of https://github.com/minhtranite/react-progress-bar-plus
Installation
NPM
npm install --save react-line-progress
Bower
bower install --save react-line-progress
Usage
JS
var ProgressBar = ; <ProgressBar percent=10/>
CSS
Webpack:
;
Without Webpack:
UMD
...var ProgressBar = windowReactProgressBarPlus;...
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 |