function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
vineet kumarvineet kumar 

How to change color of lightning progress bar?

Hi,
<lightning:progressBar value="50" size="large" />

Want to get green color for the above progress bar.

Thanks.
SUCHARITA MONDALSUCHARITA MONDAL
Hi Vineet,
Seems like there is no out of the box attribute is given. I'm attaching the screenshot (how to manipulate it over the fly but it doesn't store any thing and goes away once you close/refresh broswer). you need manipulate the same class in your code for persistence.


User-added image


Hope this helps1

Thanks,
Sucharita
Maharajan CMaharajan C
Hi Vineet,

Add the below css in your component style:
 
.THIS .slds-progress-bar__value{
    background: green;
}

Thanks,
Maharajan.C