PrimeFaces 中的进度条颜色答案

【问题标题】：Progressbar color in PrimeFacesPrimeFaces 中的进度条颜色
【发布时间】：2014-05-23 08:37:39
【问题描述】：

我正在使用 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;
}

这行不通！我做错了什么？

【问题讨论】：

【解决方案1】：

您是否尝试过 PrimeFaces 论坛中的这个解决方案？

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

【讨论】：

【解决方案2】：

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

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

【讨论】：