Toggle Side Panel
Close search

Activity › Forums › Salesforce® Discussions › How to implement process indicator in Salesforce lightning component?

Tagged: , , , , ,

  • Piyush

    Member
    November 28, 2019 at 9:02 AM

    Hi Yogesh,

    Check the following code for implementation of process indicator in a lightning component:-

    <aura:component>
    <lightning:progressIndicator currentStep="3" type="base" hasError="true" variant="base">
        <lightning:progressStep label="Step 1" value="1"/>
        <lightning:progressStep label="Step 2" value="2"/>
        <lightning:progressStep label="Step 3" value="3"/>
        <lightning:progressStep label="Step 4" value="4"/>
    </lightning:progressIndicator>
</aura:component>

     

  • [adinserter block='9']

  • Nikita

    Member
    November 28, 2019 at 2:20 PM

    Hi,

    A lightning:progressIndicator component displays a horizontal list of steps in a process, indicating the number of steps in a given process, the current step, as well as prior steps completed. For example, Sales Path uses a progress indicator to guide sales reps through the stages of the sales process.

    <aura:component>
    <lightning:progressIndicator currentStep="3" type="base" hasError="true" variant="base">
        <lightning:progressStep label="Step 1" value="1"/>
        <lightning:progressStep label="Step 2" value="2"/>
        <lightning:progressStep label="Step 3" value="3"/>
        <lightning:progressStep label="Step 4" value="4"/>
    </lightning:progressIndicator>
</aura:component>

     

Log In to reply.