Question
Tata Consultancy Services
IN
Last activity: 15 Apr 2020 7:11 EDT
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
Updated: 15 Apr 2020 7:11 EDT
Pegasystems Inc.
CA
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
Tata Consultancy Services
IN
Thanks Shruthi for providing the Information :). Which is Working fine.