Question
2
Replies
201
Views
Infosys Ltd
Posted: April 14, 2020
Last activity: April 15, 2020
Solved
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***
Posted: 11 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