React-progressbar NPM

react-progressbar

Basic progress bar in React.js.

Screenshot of progress bar

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.

var Progress = require('react-progressbar');

var component = React.createClass({
  render: function() {
    return (
      <div>
        <Progress completed={75} />
      </div>
    );
  }
});

it was "babelified" also , thus, the following syntax is supported :

import Progress from 'react-progressbar';

class OtherComponent extends React.Component {
  render () {
    return (
      <div>
        <Progress completed={75} />
      </div>
    )
  }
}