-
how to use progress bar on lightning component?
how to use progress bar on lightning component?
-
2 Replies
-
Hi Prachi,
A progress bar component communicates to the user the progress of a particular process.
Using Lightning component tag:-
<lightning:progressBar value="50" size="large" />
Using SLDS tag:-
<div class="slds-progress-bar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="25" role="progressbar">
<span class="slds-progress-bar__value" style="width: 25%;">
<span class="slds-assistive-text">Progress: 25%</span>
</span>
</div>Thanks.
-
Hi Prachi,
A progress bar component communicates to the user the progress of a particular process.
Here are some developer guidelines:
<div class="slds-progress-bar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="25" role="progressbar">
<span class="slds-progress-bar__value" style="width: 25%;">
<span class="slds-assistive-text">Progress: 25%</span>
</span>
</div>To know more about its classes and categories, please refer to the link provided:
https://www.lightningdesignsystem.com/components/progress-bar/
Log In to reply.
Popular Salesforce Blogs
5 Reasons Why Salesforce Still Reigns Supreme as the CRM King
In the ever-evolving world of Customer Relationship Management (CRM) solutions, one platform consistently stands out: Salesforce. Since its inception in 1999, Salesforce has revolutionized the…
Why to Hire a Salesforce Partner Company for Salesforce Project?
While you can implement Salesforce on your own, hiring an outside Salesforce specialist is often the best way to ensure the project is completed on…
Agentforce: The Next Salesforce AI Evolution
Businesses are always looking for technologies that might provide them a competitive edge in the fast-paced digital landscape, particularly when it comes to managing sales,…
Popular Salesforce Videos
Unfolding Code Builder | Salesforce Development Tutorial
Working with Salesforce Development has been a challenge especially when we are working with Lightning Web Component. As we have to install the VS code…
Pardot vs Marketing Cloud: What's The Difference?
There are different functions of each Salesforce product according to the use cases. Many businesses get confused between Salesforce Pardot and Marketing cloud. Pardot is…
Salesforce Multi-factor Authentication/Two-factor Authentication End User Training Video
Watch this video to learn all about Salesforce Multi-factor Authentication/Two-factor Authentication. This is a training video. Watch and learn.
