PrimeFaces中的Progressbar颜色

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>