// ** React Imports
import { useEffect, useState } from 'react'
// ** MUI Imports
import Box from '@mui/material/Box'
import Typography from '@mui/material/Typography'
import LinearProgress, { LinearProgressProps } from '@mui/material/LinearProgress'
const LinearProgressWithLabel = (props: LinearProgressProps & { value: number }) => {
return (
{`${Math.round(props.value)}%`}
)
}
export default function ProcessLinearWithLabel() {
// ** State
const [progress, setProgress] = useState(10)
useEffect(() => {
const timer = setInterval(() => {
setProgress(prevProgress => (prevProgress >= 100 ? 10 : prevProgress + 10))
}, 800)
return () => {
clearInterval(timer)
}
}, [])
return
}