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

ProgressBar (Полоса прогресса)

Горизонтальный индикатор прогресса (0..1) с необязательной подписью и процентом.

Метод Аргумент Описание
value(v) number Значение прогресса от 0 до 1.
Значение по умолчанию: 0
variant(v) 'accent' | 'success' | 'warning' | 'error' Цвет полосы прогресса.
Значение по умолчанию: 'accent'
label(v) string Подпись над полосой.
showValue(v) boolean Показывать процент справа.
Значение по умолчанию: false

Базовые методы (наследуются от UIComponent)

// Полосы прогресса
const { ui } = PotokSDK;
ui.render(
VStack()
.spacing(12)
.child(ProgressBar().value(0.35).label("Загрузка").showValue(true))
.child(ProgressBar().value(0.8).variant("success"))
);

Запустить в Sandbox