Progressbar
The Progressbar component provides a reusable pattern for progressbar in the interface.
No component examples available.
API
| Parameter | Default | Description |
|---|---|---|
|
isCancelled
|
false | - |
|
value
|
0 | - |
CSS API
| Variable | Default | Type | Values | Description |
|---|---|---|---|---|
|
--c-progressbar--base
|
var(--base) | range | - | Main unit that drives radius and spacing scales. |
|
--c-progressbar--border-radius
|
var(--border-radius) | range | - | Border Radius |
|
--c-progressbar--color--success
|
var(--color--success) | color | - | Success |
|
--c-progressbar--color--background-border
|
var(--color--background-border) | color | - | Manual companion token for borders on background surfaces. |
|
--c-progressbar--corner-shape
|
var(--corner-shape) | select | square, round, squircle, circular, bevel, scoop | Corner Shape |
|
--c-progressbar--color--background-contrast-muted
|
var(--color--background-contrast-muted) | color | - | Derived muted contrast for text and icons on background surfaces. |