react-progress-bar-plus

by minhtranite

Progress bar component for ReactJS.

202 Stars 33 Forks Last release: over 3 years ago (v1.3.0) 33 Commits 9 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

React Progress Bar Plus

Progress bar component for ReactJS.

Installation

NPM

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

Bower

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

Usage

JS

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


CSS

Webpack:

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

Without Webpack:


UMD

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.