Progress Bar style is not updating

[eaglenest]

I am having troubles changing the color of the progress bar from the default. The label will change color, but the progress bar completed color still remains the default orange. Below is my code:

<rich:progressBar mode="client" id="progressBar" completeClass="rich-progress-bar-completed">
 <h:outputText value="Retrieving your results..." />
 </rich:progressBar>

and here is my css properties

.rich-progress-bar-completed{
 color:#EEEEEE;
}

Any help would be greatly appreciated

[ilya_shaikovsky]

what about backgground properties usage?

[eaglenest]

Thanks for your reply but I did try changing the background color and nothing changed

[maran001.nilay]

Hi,

i want to change the height, width, progress bar color and remining bar color of rich:progressbar.

How can i do that?

please explain by provinding an example