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