React Progress

A React progress bar component

Installation

``
yarn add react-percent-bar
npm i react-percent-bar
`

Usage

`javascript
import React, { useState } from 'react';
import ProgressBar from 'react-percent-bar';

const App = () => {
const [percent, updatePercent] = useState(25);

const updatePercent = () => {
// update the progress bar percentage
updatePercent(percent === 100 ? 25 : percent + 25);
};
return (


export default App;
``

result:

!progress bar in action

Options

- percent: number, Required
- height: string, default: '20px',
- width: string, default: '350px',
- radius: string, default: '50px',
- borderColor: string, default: '#eee',
- fillColor: string, default: 'lime',
- colorShift: string, default: false