Skip to content 
Progress bar
Progress bars provide a visual feedback on the progression of a process, expressed as a percentage value. Processes visualized in progress bars do not have defined step and their duration and completion depend on the system - e.g. downloads, uploads or installations.
UX/UI Guidelines
Check the design documentation of the component in ZeroHeight.
From Figma to code
...
Customization
INFO
Check everything about the customization mechanics in the "How it works" documentation.
| CSS Variable | Type | Description |
|---|---|---|
--z-progress-bar--color | color | Main color |
--z-progress-bar--title-color | color | Header color |
--z-progress-bar--percentage-color | color | Percentage color |
--z-progress-bar--bg | color | |
--z-progress-bar--track | color | Track color |
--z-progress-bar--size | distance | |
--z-progress-bar--stroke | distance |
...