YouTube style progress bar for ReactJS
Installation
NPM
npm install react-progress-2
JSPM
jspm install npm:react-progress-2
Usage
Include react-progress-2/main.css
to your project. With SystemJS CSS plugin you simply need to write this line:
Include react-progress-2
and put it somewhere in the top-component, for example:
;; var Layout = React;
Now, whenever you need to show an indicator, just call Progress#show
, for example:
{ Progress; // do your ajax thing.} { Progress; // render feed.}
Please note, that show
and hide
calls are stacked, so after n-consecutive show
calls, you need to do n hide
calls to hide an indicator or you can use Progress.hideAll()
.
Styling
Option #1
Option #2
<Progress.Component = = />
Examples
Contribution
Do the following steps if you have the willing to fix a bug or just add some features to react-progress-2
cd dev
npm install
jspm install
gulp watch
# change the world!
Authors and Contributors
Created in 2015 by Ruslan Prytula (@milworm).