title: JavaFX 2.2 - Hiding percentage of a progressIndicator within a ListCell
body: <p>I have a ListCell in which I display progress information of a file download by ProgressIndicator.  </p>
  
  <p>My problem is with removing the percentage information displayed below the indicator. As stated <a href="https://forums.oracle.com/forums/thread.jspa?threadID=2331635" rel="noreferrer">here</a>, I included a rule in my css as following:</p>
  
  <pre><code>.customProgressIndicator .percentage{
      visibility: hidden;
      -fx-text-background-color: red;
  }
  </code></pre>
  
  <p>The <code>-fx-text-background-color: red</code> part is just to be sure that our css is applied to the node.  </p>
  
  <p>The problem is, I make a call like <code>indicator.setProgress(progress)</code>, the percentage becomes visible (in red), and when I hover the cursor over the indicator, it becomes invisible again. Again at the end, "Done" text becomes visible at the bottom upon the call <code>indicator.setProgress(1.0)</code>, and again becomes invisible after a hover.</p>
  
  <p>It might be related with <code>ListView</code> because; after hovering and causing it to become invisible, if I remove an item from the <code>List</code> and cause an <code>updateItem</code> on <code>ListCell</code>, it becomes again visible.</p>
  
  <p>I have tried a workaround as:</p>
  
  <pre><code>    Text text = (Text)indicator.lookup(".percentage");
      if ( text != null )
      {
          text.setText("");
      }
  </code></pre>
  
  <p>But <code>text</code> is <strong>sometimes</strong> null, sometimes not. </p>