Need help with react-progress-bar-plus?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

minhtranite
205 Stars 35 Forks 33 Commits 5 Opened issues

Description

Progress bar component for ReactJS.

Services available

!
?

Need anything else?

Contributors list

# 314,463
CSS
HTML
5 commits
# 135,841
CSS
integra...
Node.js
Laravel
1 commit
# 419,899
nextjs
Node.js
CSS
xxhash
1 commit
# 660,893
JavaScr...
CSS
1 commit

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.