CircularProgressКруговой индикатор прогресса

Круговой индикатор прогресса — это круглый компонент для отображения хода выполнения задачи, например загрузки данных или отправки формы.

Использование

При необходимости импортируйте компонент:

import 'mdui/components/circular-progress.js';

При необходимости импортируйте типы TypeScript:

import type { CircularProgress } from 'mdui/components/circular-progress.js';

Пример использования:

Примеры

Установка прогресса

По умолчанию круговой индикатор отображает состояние выполнения задачи с неопределённой длительностью. Вы можете задать текущий прогресс через атрибут value. Максимальное значение прогресса по умолчанию — 1.

Максимальное значение прогресса можно задать через атрибут max.