// ** React Imports import { useEffect, useState } from 'react' // ** MUI Imports import React from 'react' import Grid from '@mui/material/Grid' import Typography from '@mui/material/Typography' import CircularProgress from '@mui/material/CircularProgress' const ProgressCircularControlledUncontrolled = () => { // ** State const [progress, setProgress] = useState(0) useEffect(() => { const timer = setInterval(() => { setProgress(prevProgress => (prevProgress >= 100 ? 0 : prevProgress + 10)) }, 800) return () => { clearInterval(timer) } }, []) return ( Uncontrolled Progress
Controlled Progress
) } export default ProgressCircularControlledUncontrolled