AX - Progress Circle
Overview
AX - Progress Circle is an Experience Cloud component that displays completion percentage or progress metrics in a circular gauge format on Experience Sites pages.
Use it to show portal users their progress toward goals, completion status, percentage achieved, or any numeric metric from Salesforce data in a compact, visual format. Configure the progress value, colors, size, and labels in Experience Builder.
Perfect for dashboard KPIs, goal completion displays, profile progress indicators, task completion rates, or anywhere your portal needs space-efficient circular progress visualization.
Configuration
Properties
Label is descriptive text accompanying the progress circle.
Value is a numerical representation of the progress, typically a percentage. Total is the number that must be reached for 100% progress (defaults to 100).
Show Value toggles the display of the numerical value inside the progress circle.
Size adjusts the overall size of the progress circle (small, medium, or large).
Thickness sets the thickness of the ring, allowing for a more prominent or subtle display.
Direction determines the direction in which the ring fills (fill or drain).
Title is an additional text element used for a more detailed description or title. Title Position specifies its placement relative to the circle (top or bottom).
Alternative Text provides accessible text describing the progress circle for screen readers.
Styling
Grey color, normal font style, medium weight.
Blue color, bold weight for emphasis.
Blue color for the progress bar, light grey background.
Black color, normal style, bold weight, limited to one line.
Last updated
Was this helpful?