1.0.3 • Published 8 years ago
react-line-progress v1.0.3
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-progressBower
bower install --save react-line-progressUsage
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 |