rc-progress-bar

Easy to use progress-bar for react web applications

Demo

Show Demo

Install

$ npm install rc-progress-bar --save

Usage

import React from 'react';
import ProgressBar from 'rc-progress-bar';

function App() {
  return (
    <div>
      <ProgressBar 
        value={75} 
        showPercentage={true}
      />
    </div>
  );
}

export default App;

Options

rc-progress-bar supports 4 options, all of which are optional:

• min - number (Defaults to 0)
• max - number (Defaults to 100)
• value - number (Defaults to 0)
• showPercentage - boolean (Defaults to false)
• animated - boolean (Defaults to false)