Skip to content
tcpsystemsui

Theme

Colour scheme
Accent
Density
Radius
Esc

Progress

A labeled progress bar that shows determinate completion or an indeterminate wait.

beta

API

Import
import Progress from '@tcpsystems/ui/foundation/Progress';
PropTypeDefault
labelstringnone
value?numbernone
max?number100
tone?Tonenone
size?Size'md'
showValue?booleanfalse
HookKind
.tcp-progress-fieldRoot class
data-sizeData attribute
data-toneData attribute