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

Таблица свойств