react-progressbar
Advanced tools
Comparing version 1.4.5 to 1.4.6
{ | ||
"name": "react-progressbar", | ||
"version": "1.4.5", | ||
"version": "1.4.6", | ||
"description": "Basic progress bar in React", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -7,13 +7,56 @@ # react-progressbar | ||
# Add example steps: | ||
Basic progress bar in React.js. | ||
![Screenshot of progress bar](https://raw.githubusercontent.com/abdennour/react-progressbar/master/screenshot.png) | ||
Demo: http://abdennour.github.io/react-progressbar/ | ||
Usage | ||
===== | ||
Simply `require('react-progressbar')` and pass in `completed` property as a number between 0 and 100. | ||
You may additionally pass in a CSS color string for the `color` property. | ||
```js | ||
var Progress = require('react-progressbar'); | ||
var component = React.createClass({ | ||
render: function() { | ||
return ( | ||
<div> | ||
<Progress completed={75} /> | ||
</div> | ||
); | ||
} | ||
}); | ||
``` | ||
git checkout docs-site; | ||
``` | ||
add your examlple in `docs-site/src/examples` then, | ||
it was "babelified" also , thus, the following syntax is supported : | ||
```js | ||
import Progress from 'react-progressbar'; | ||
class OtherComponent extends React.Component { | ||
render () { | ||
return ( | ||
<div> | ||
<Progress completed={75} /> | ||
</div> | ||
) | ||
} | ||
} | ||
``` | ||
npm run build; | ||
``` | ||
then | ||
License | ||
======= | ||
MIT |
9099
62