Progress bar
The Progress bar visualizes progress between a current value and a maximum. Use it to show a completion percentage, step progress, or goal attainment.
Properties
The properties live in the inspector under the Progress bar group.
Property | What it does | Default |
|---|---|---|
Fill | Current value of the progress | 42 |
Max | Maximum value the progress is measured against | 100 |
Fill and Max are required and accept a formula. The Progress bar also has visibility logic to control when it shows.
References
The Progress bar has no references. It exposes no data you can use in formulas or other elements.
Styling
The Progress bar can be styled per state and per part of the element.
Style states: Active, Default, Disabled, Focus, Hover.
Named targets: wrapper, progress-bar.
The default named style is Progress Bar. The Progress bar has no Site quick styles.
The Progress bar has no separate error or empty state.
Related articles
UI Elements: overview of the elements.
FormulaScript Overview: using formulas in properties.