Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-progressbar

15.4.1 • Public • Published

react-progressbar

Build Status Coverage Status Downloads

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>
    )
  }
}

Donation

If this project help you reduce time to develop, you can give me a cup of coffee 🍵 :)

paypal

install

npm i react-progressbar

Downloadsweekly downloads

3,033

version

15.4.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability