/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/progress/CircularDeterminate.tsx
31 строка
999 B
Albert Yu
[docs][progress] Label all demo components (#48143)
01 апр 2026, 12:09
Не верифицирован
01 апр 2026, 12:09
124db37
Код
Авторство
О чём код?
import * as React from 'react'; import Stack from '@mui/material/Stack'; import CircularProgress from '@mui/material/CircularProgress'; export default function CircularDeterminate() { const [progress, setProgress] = React.useState(0); React.useEffect(() => { const timer = setInterval(() => { setProgress((prevProgress) => (prevProgress >= 100 ? 0 : prevProgress + 10)); }, 800); return () => { clearInterval(timer); }; }, []); return ( <Stack spacing={2} direction="row"> <CircularProgress variant="determinate" value={25} aria-label="Export data" /> <CircularProgress variant="determinate" value={50} aria-label="Export data" /> <CircularProgress variant="determinate" value={75} aria-label="Export data" /> <CircularProgress variant="determinate" value={100} aria-label="Export data" /> <CircularProgress variant="determinate" value={progress} aria-label="Export data" /> </Stack> ); }