1

This is the code in the body of my .xhtml file. The bars were showing before (I don't remember changing anything significant) but now just the value is displayed.

<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"/>

The second bar is derived from this answer but the problem still remains the same.

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

This is the code from primefaces, which also does not show up as a bar but just as a value.

I would appreciate it you could clarify if I have some major misunderstanding of how the progressBar works.

Community
  • 1
  • 1
user3066205
  • 11
  • 2

1 Answers1

0

Use Firebug or your browser's WebDevelopment Tools to check if the progressbar is properly rendered:

  1. Check for Javascript Errors
  2. Is the right CSS Style applied or are you overwriting primefaces css classes?
  3. Are you using your own JQuery Version? It can come to conflicts between your JQuery and Primefaces' one.
Lukas Eichler
  • 5,689
  • 1
  • 24
  • 43