React-line-progress NPM

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

classnames prop-types

react-kitt @olasearch/core

1.0.3

8 years ago

1.0.2

8 years ago