AX - Progress Indicator
Overview
AX - Progress Indicator is an Experience Cloud component that displays process stages as a visual step tracker based on picklist field values on Experience Sites pages.
Use it to show portal users where records are in a workflow—like order statuses, application stages, onboarding steps, or approval processes. Users can see current progress and completed steps. Choose from horizontal, vertical, or path-style layouts and configure in Experience Builder.
Perfect for order tracking, application status displays, onboarding progress, approval workflows, or anywhere portal users need visual clarity on multi-step process status.
Settings
Type
Choose from Base, Vertical, Bar, Circle, Path, or Vertical Navigation styles.
Format
Linear: Standard progress flow.
Non-linear: Progress does not follow a sequential order
Shaded
Apply shading effect to the component
Current Step
Define the current step in the progress flow.
Icon Alignment
Center: Center the icon in the step.
Top: Align the icon at the top of the step
Icon Size
Select from Small, Medium, or Large.
Show Step Number
Display the number of each step.
Show Step Label
Display labels for each step.
Hide Bar Value
Hide the value/percentage on the progress bar.
Data Source
Manual: Manually input progress data.
Picklist Values: Use values from a picklist to define progress
Bar
Customize color and completed color.
Icon
Offers extensive color customization, including:
Focus,Regular,Fill,Border,Active,Completed, andError Colors(and their Fill and Border variants).
Step Label
Text Color: Set the color of the label text.
Font Size: Define the size of the font.
Font Family: Choose the typeface for the label.
Font Weight: Select the weight/thickness of the font.
Text Shadow: Add shadow effect to the text.
Line Clamp: Limit the number of lines for the label text
Last updated
Was this helpful?

