Перейти к содержимому

CoreCircularProgress

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Круглый индикатор прогресса: значение, размер, толщина кольца. Статичен в контенте.

Базовый пример

Размеры и цвет

Со значением

58%

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Круглый индикатор прогресса: значение, размер, толщина кольца. Статичен в контенте.

### Базовый пример

::core-circular-progress{value="72"}
::

### Размеры и цвет

::core-circular-progress{value="90" size="72" stroke-width="6" color="success"}
::

### Со значением

::core-circular-progress{value="58" show-value label="Загрузка"}
::