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 = require('react-line-progress');
<ProgressBar percent={10}/>
CSS
Webpack:
require('react-line-progress/lib/progress-bar.css');
Without Webpack:
<link rel="stylesheet" type="text/css" href="path/to/react-line-progress/lib/progress-bar.css">
UMD
<link rel="stylesheet" type="text/css" href="path/to/react-line-progress/dist/progress-bar.css">
<script src="path/to/react-line-progress/dist/react-line-progress.js"></script>
...
var ProgressBar = window.ReactProgressBarPlus;
...
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 |