LinearProgressЛинейный индикатор прогресса
Линейный индикатор прогресса — это горизонтальный индикатор, используемый для отображения хода выполнения задачи пользователю, например загрузки данных или отправки формы.
Использование
При необходимости импортируйте компонент:
import 'mdui/components/linear-progress.js';
При необходимости импортируйте типы TypeScript:
import type { LinearProgress } from 'mdui/components/linear-progress.js';
Пример использования:
<mdui-linear-progress></mdui-linear-progress>Примеры
Установка прогресса
По умолчанию линейный индикатор отображает состояние выполнения задачи с неопределённой длительностью. Вы можете задать текущий прогресс через атрибут value. Максимальное значение прогресса по умолчанию — 1.
Максимальное значение прогресса можно задать через атрибут max.
API
Пользовательские CSS-свойства
| Название |
|---|
--shape-corner |
Размер скругления углов компонента. Можно указать конкретное значение в пикселях, но рекомендуется использовать дизайн-токены. |
На этой странице