// ** 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 }