function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Siona SahaiSiona Sahai 

hello what's the code for a vertical progress bar with step1 , step2 and so on as flow using LWC

TUSHAR_MATHURTUSHAR_MATHUR
Hi Siona,

Check this out: 

<lightning-progress-indicator current-step="3" type="base" has-error="true" variant="base">
<lightning-progress-step label="Step 1" value="1"></lightning-progress-step>
<lightning-progress-step label="Step 2" value="2"></lightning-progress-step>
<lightning-progress-step label="Step 3" value="3"></lightning-progress-step>
<lightning-progress-step label="Step 4" value="4"></lightning-progress-step>
</lightning-progress-indicator>
</template>

Also for different type of progress indicators just try below links:
lightning-progress-ring (https://developer.salesforce.com/docs/component-library/bundle/lightning-progress-ring/example)
lightning-progress-step (https://developer.salesforce.com/docs/component-library/bundle/lightning-progress-step/documentation)
lightning-progress-bar (https://developer.salesforce.com/docs/component-library/bundle/lightning-progress-bar/example)
lightning-progress-indicator (https://developer.salesforce.com/docs/component-library/bundle/lightning-progress-indicator/example)

Thanks & Regards,
Tushar Mathur