Lightning Components Developer Guide

What is the Lightning Component Framework?
Quick Start
Creating Components
Using Components
Lightning Component Bundle Design Resources
Use Lightning Components in Lightning Experience and the Salesforce Mobile App
Navigation in Lightning Experience and the Salesforce Mobile App Using Page References
Get Your Lightning Components Ready to Use on Lightning Pages
Use Lightning Components in Community Builder
Use Lightning Components with Flows
Considerations for Configuring Components for Flows
Customize Flow Screens Using Lightning Components
Create Flow Local Actions Using Lightning Components
Embed a Flow in a Custom Lightning Component
Display Flow Stages with a Lightning Component
Display Flow Stages by Wrapping a Progress Indicator
Display Flow Stages By Adding a Progress Indicator to a Flow Screen
Add Components to Apps
Integrate Your Custom Apps into the Chatter Publisher
Using Background Utility Items
Use Lightning Components in Visualforce Pages
Add Lightning Components to Any App with Lightning Out (Beta)
Lightning Container
Communicating with Events
Creating Apps
Styling Apps
Developing Secure Code
Using JavaScript
Using Apex
Lightning Data Service
Testing Components with Lightning Testing Service
Debugging
Performance
Reference
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Display Flow Stages with a Lightning Component

If you’ve added stages to your flow, display them to flow users with a Lightning component, such as lightning:progressindicator.
To add a progress indicator component to your flow, you have two options:
  • Wrap the progress indicator with a lightning:flow component in a parent component. 
    1<aura:component>
2   <lightning:progressindicator/>
3   <lightning:flow/>
4</aura:component>
  • Add the progress indicator to your flow screen directly, by using a Lightning component screen field.