Question
2
Replies
110
Views
Infosys Ltd
Posted: 6 months ago
Last activity: 6 months 1 week ago
How to change Progress bar color from blue to green
I have a requirement to show the progress bar percentage how much data is consumed. I was able to show the progress bar with blue color but client asked to change color from blue to green in progress bar. Pega OOTB by default it is showing blue color and there is no option to change the color in progress bar settings. May i know how to change progress bar color.
***Edited by Moderator: Pallavi to update platform capability tags***
Accepted Solution
Posted: 6 months ago
Updated: 6 months ago
Posted: 6 months ago
Thanks Shruthi for providing the Information :). Which is Working fine.
Hi,
If you're using an OOTB progress bar, then this must be the class .ui-widget-header which brings that blue color.
You can simply override it by using this snippet in userworkform or any css file referred in harness scripts.
.ui-widget-header{
background:green !important;
border-color:green !important;
}
Refer the attached screenshot so you get a better idea.
-Shruthi