PrimeFaces中的進度條顏色

Question

我正在使用PrimeFaces 5.0，我想更改progressBar顏色。

HTML：

<p:progressBar widgetVar="pbAjax" ajax="true" value="#{myBean.progress}" labelTemplate="{value}%" global="false" styleClass="myPb"/> 

CSS：

.myPb .ui-progressbar-value { 
    background-image: #f47920; 
} 

這不起作用！我做錯了什麼？

Answer 1

您是否嘗試過PrimeFaces論壇的此解決方案？

.ui-progressbar.ui-widget-content { 
    background-color:#f47920; 
    background-image:none; 
} 

Answer 2

您可以更改使用jQuery的背景色：

<script type="text/javascript"> 
    $(".ui-progressbar-value").css("background","green"); 
</script>