Progress
Progress — a CSS-first, fully-tokened Progress component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.
Colors
primary
secondary
accent
neutral
info
success
warning
error
brand
silica
brand-duck
Sizes
showValue · built-in label row (replaces hand-rolled LabeledRow)
Uploading photo.png0%
Onboarding3 of 4 steps
40%
Real use · task + upload progress
Onboarding · 3 of 4 steps
Uploading photo.png · 0%
Indeterminate (duration unknown)
Interactive · 40%