Primefaces progressBar沒有顯示

Question

這是我的.xhtml文件正文中的代碼。 條形以前顯示過（我不記得更改任何重要內容），但是現在只顯示值。

<p:progressBar value="#{bean.value}" labelTemplate="{value}%" styleClass="animated"/>

<p:progressBar id="progress" interval="100" rendered="true" ajax="true" value="#{bean.value}" widgetVar="pbAjax" labelTemplate="{value}%" style="width:300px; font-size:12px"/>

第二個小節是從此答案得出的，但問題仍然存在。

<p:progressBar value="50" labelTemplate="{value}%" displayOnly="true"/>

這是primefaces中的代碼，它也不會顯示為條形而是顯示為值。

我將不勝感激，如果您對progressBar的工作方式有一些重大誤解，請您澄清一下。

Answer 1

使用Firebug或瀏覽器的WebDevelopment工具檢查進度條是否正確呈現：

1. 檢查Javascript錯誤
2. 是否應用了正確的CSS樣式，或者您正在覆蓋primefaces CSS類？
3. 您是否正在使用自己的JQuery版本？ 它可能會導致您的JQuery和Primefaces的沖突。