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的冲突。