MaxiCorrea / mx-progressbar

Material UI v4 Progress Bar Component

mx-progressbar

Made with create-react-library

Install

npm install --save mx-progressbar

Usage

import * as React  from 'react'
import { ProgressBar } from '@maxicorrea/mx-progressbar'

const App = () => {
  const [progress, setProgress] = React.useState(0);
  const [time] = React.useState(1000);
  React.useEffect(() => {
     const timer = setInterval(() => {
        setProgress((prevProgress: number) => (prevProgress >= 100 ? 0 : prevProgress + 1));
     }, time);
     return () => {
        clearInterval(timer);
        setProgress(0);
     };
  }, [time]);
  return (
    <div style={{margin: "20px"}}>
      <ProgressBar progress={progress} width='500px'/>
    </div>
  )
}

export default App;

License

MIT © MaxiCorrea