title: Why is my p:progressBar not displayed, only the number?
body: <p>I have following XHTML file with a progress bar:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"&gt;
  
      &lt;f:view renderKitId="PRIMEFACES_MOBILE"/&gt;
      &lt;h:head&gt;&lt;/h:head&gt;
      &lt;f:event listener="#{mainOp.init}" type="preRenderView" /&gt;
  
      &lt;h:body id="body"&gt;
          &lt;pm:page id="page"&gt;
              &lt;pm:header title="MyProduct"&gt;
              &lt;/pm:header&gt;
  
              &lt;pm:content id="content"&gt;
                  &lt;p:outputLabel value="..."/&gt;
                  &lt;p:graphicImage id="image" rendered="true"
                                  value="..."
                                  cache="false"/&gt;
                  &lt;p:progressBar id="progressBar"
                                 value="#{mainOp.progress}"
                                 rendered="true"
                                 cache="false"
                                 labelTemplate="{value}%"
                                 style="width:400px; font-size:12px"
                                 interval="100"/&gt;
                  ...
              &lt;/pm:content&gt;
  
              &lt;pm:footer title="m.MyProduct.info"&gt;&lt;/pm:footer&gt;
          &lt;/pm:page&gt;
      &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In the correspoding bean, I set the progress propety to 21.</p>
  
  <pre><code>@ManagedBean(name = MainOpView.NAME)
  @SessionScoped
  public class MainOpView {
      public static final String NAME = "mainOp";
      [...]
  
      private Integer progress = 0;
  
      public void init()
      {
          [...]
  
          progress = 21;
      }
  
      public Integer getProgress() {
          return progress;
      }
  
      public void setProgress(final Integer aProgress) {
          progress = aProgress;
      }
  }
  </code></pre>
  
  <p>When the page is rendered, I can see the <code>21 %</code> lettering, but not the progress bar itself.</p>
  
  <p><img src="https://i.stack.imgur.com/UGWrf.png" alt="Screenshot"></p>
  
  <p>How can I fix it (make the progress bar visible) ?</p>
  
  <p><strong>Update 1 (27.12.2014 13:43 MSK):</strong> I'm using Primefaces 5.1.</p>
  
  <pre><code>    &lt;dependency&gt;
          &lt;groupId&gt;org.primefaces&lt;/groupId&gt;
          &lt;artifactId&gt;primefaces&lt;/artifactId&gt;
          &lt;version&gt;5.1&lt;/version&gt;
      &lt;/dependency&gt;
      &lt;dependency&gt;
          &lt;groupId&gt;com.sun.faces&lt;/groupId&gt;
          &lt;artifactId&gt;jsf-api&lt;/artifactId&gt;
          &lt;version&gt;2.1.11&lt;/version&gt;
      &lt;/dependency&gt;
      &lt;dependency&gt;
          &lt;groupId&gt;com.sun.faces&lt;/groupId&gt;
          &lt;artifactId&gt;jsf-impl&lt;/artifactId&gt;
          &lt;version&gt;2.1.11&lt;/version&gt;
      &lt;/dependency&gt;
  
      &lt;dependency&gt;
          &lt;groupId&gt;javax.servlet&lt;/groupId&gt;
          &lt;artifactId&gt;jstl&lt;/artifactId&gt;
          &lt;version&gt;1.2&lt;/version&gt;
      &lt;/dependency&gt;
  
      &lt;dependency&gt;
          &lt;groupId&gt;javax.servlet&lt;/groupId&gt;
          &lt;artifactId&gt;servlet-api&lt;/artifactId&gt;
          &lt;version&gt;2.5&lt;/version&gt;
      &lt;/dependency&gt;
  
      &lt;dependency&gt;
          &lt;groupId&gt;javax.servlet.jsp&lt;/groupId&gt;
          &lt;artifactId&gt;jsp-api&lt;/artifactId&gt;
          &lt;version&gt;2.1&lt;/version&gt;
      &lt;/dependency&gt;
  </code></pre>