Shortcuts
Next region
F9
Previous region
⇧F9

Form progress

The form progress component indicates a user's position within a multi-step form and is positioned above the form content.

Usage

Form progress is used when a user is completing a process containing more than two Steps. Do not include the form progress indicator in a multi-step form with only two Steps.

Each Step in form progress must have content for the form as well as actions, which include buttons. Users navigate through form Steps using "Previous" and "Next" buttons.

Only the current Step's label will be displayed in the form progress component. All other Step labels will display within a tooltip when the user hovers over the Step.

Examples

HR Screening

Applicant details - personal information

This applicant has passed initial screening and has been cleared to have an interview scheduled. Please confirm their details and have a discussion regarding the open position and the company.

Work priorities

Configuration

To learn how to configure this component in your Constellation application, visit Pega Documentation.

All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Documentation.

Related components