component :  https://mui.com/material-ui/react-progress/

Circular : 
import : 
import CircularProgress from '@mui/material/CircularProgress'; 
<CircularProgress />

Circular :  color
<CircularProgress color="primary" /> 
<CircularProgress color="secondary" /> 
<CircularProgress color="warning" /> 
<CircularProgress color="error" /> 
<CircularProgress color="success" /> 
<CircularProgress color="inherit" /> 

Circular :  size
<CircularProgress size="30px /> 
<CircularProgress size=40 /> 
<CircularProgress size="3rem" /> 

Circular :  determinate
<CircularProgress variant="determinate" value=25  /> 
<CircularProgress variant="determinate" value=50  /> 
<CircularProgress variant="determinate" value=75  /> 
<CircularProgress variant="determinate" value=100 /> 

Linear : 
import : 
import LinearProgress from '@mui/material/LinearProgress'; 
<LinearProgress /> 

Linear :  color
<LinearProgress color="primary/> 
<LinearProgress color="secondary"/> 
<LinearProgress color="warning"/> 
<LinearProgress color="error"/> 
<LinearProgress color="success"/> 
<LinearProgress color="inherit"/>