Skip to main content

Overview

Use a Progress Bar when the user needs a quick visual answer to “how far along?” — for example, a multi-step onboarding flow, a long-running document upload, an order-fulfilment status, or a goal-tracking dashboard. The Progress Bar is read-only. Bind its value to a process field or computed expression and it updates as the data changes.

Properties

Process data binding

To drive the bar from process data, set Progress to a process data key that holds a value between 0 and 1:
For derived values, use a computed expression — for example, mapping a step index to a fraction in a 4-step flow:
See Dynamic and computed values for the full expression syntax.

Theme configuration

Defaults from the platform theme: To override globally, edit Theme → Components → Progress Bar in the Designer.

UI Designer overview

Compose screens in the UI Designer.

Dynamic and computed values

Bind component properties to process data.
Last modified on June 29, 2026