Simple React Progress Bar Component
npm install ms-react-progress-barbash
npm install --save ms-react-progress-bar
yarn add ms-react-progress-bar
`
Features
- Easy to set up
- Super easy to customize
- You can control the progress bar
- Set your own maximum percentage
- And much more !
Basic Usage
`jsx
import React from 'react';
import { ProgressBar } from 'ms-react-progress-bar';
import 'ms-react-progress-bar/dist/ProgressBar.css';
function App(){
return (
);
}
`
Adding Options
`jsx
import React from 'react';
import { ProgressBar } from 'ms-react-progress-bar';
import 'ms-react-progress-bar/dist/ProgressBar.css';
function App(){
const options = {
height: "30px",
borderRadius: "20px",
labelSize: "14px",
barColor: "#2c43ac",
containerColor: "#dddddd",
containerStyle: "border",
stripeAnimation: true,
stripeAnimationDuration: '20s',
type: "striped",
}
return (
);
}
``