ProgressBarCircular

Быстрый старт​

Live Editor

Result

Управление внешним видом​

Внешний вид компонента зависит от свойств view и size:

Live Editor

Result

Трек​

С помощью свойства hasTrack можно управлять отображением фоновой дуги:

Live Editor

Result

Толщина обводки​

С помощью свойства strokeSize можно задать толщину линии прогресса:

Live Editor

Result

Максимальное значение​

По умолчанию прогресс считается из maxValue={100}. Свойство maxValue позволяет задать произвольный максимум:

Live Editor

Result

Обратное направление​

С помощью свойства reverse можно изменить направление заполнения дуги — прогресс будет убывать по часовой стрелке:

Live Editor

Result

Контент внутри​

Через children можно отобразить текст, число, иконку или любой другой контент в центре индикатора:

Live Editor

Result

API​