-
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
Algoworks Launches AWOM - A Salesforce App for Opportunity Management
Easier and efficient opportunities management in Salesforce CRM has been the unanswered prayer for many managers and sales organization alike, ever since the launch of…
Useful Salesforce Steps and Instructions – Part 3
Hello All, Here's an another part for various steps and instruction that are very useful in Salesforce. Steps to add picklist values for specific record type:…
What is Salesforce Hyperforce and Why it is Important?
The core of the many Salesforce Clouds is unified by the new infrastructure design known as Hyperforce, which Salesforce released. Salesforce instances may be launched…
Popular Salesforce Videos
DreamTX Welcome Day 3: Customer Success | Dreamforce 2020 | Salesforce
If you missed DreamTX DAY 2, then live this amazing experience here, we have covered it all for you. Digital transformation requires more than just…
Relationships in Salesforce | Why Relationships are Created?
In this video, Salesforce Rangers goes into detail about what relationships are in Salesforce and why they are necessary in the first place. This is…
Introduction to Lightning Web Components: A Practical Example
In this session, Alba Rivas will show how to build a page step-by-step in Lightning Web Components. You will learn some of the basics of…
