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.

Example

HR Screening

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