title: JavaFX: Remove percentage from ProgressIndicator
body: <p>I have been trying to remove the percentage text below the ProgressIndicator, but is unsuccessful. I have found several mentions of this and tried the accepted answer, but it does not work</p>
  
  <p>Using Java 8 Update 121</p>
  
  <pre><code>package com.company.mytest;
  
  import javafx.application.Application;
  import javafx.scene.Scene;
  import javafx.scene.control.Label;
  import javafx.scene.control.ProgressIndicator;
  import javafx.scene.layout.StackPane;
  import javafx.stage.Stage;
  
  public class ProgressApp extends Application {
  
      public static void main(String[] args) {
          launch(args);
      }
  
      /* (non-Javadoc)
       * @see javafx.application.Application#start(javafx.stage.Stage)
       */
      @Override
      public void start(Stage stage) throws Exception {
          ProgressIndicator progress = new ProgressIndicator();
          progress.setProgress(0.5f);
  
          StackPane root = new StackPane();
          root.getChildren().add(progress);
  
          Scene scene = new Scene(root);
  
          scene.getStylesheets()
          .add(getClass().getResource("progress.css").toExternalForm());
  
          stage.setScene(scene);
          stage.setWidth(300);
          stage.setHeight(300);
          stage.setTitle("JavaFX 8 app");
          stage.show();
      }
  
  }
  </code></pre>
  
  <p>I know the CSS is loaded, because I am able to change the percentage font size. This is the CSS content of the progress.css file.</p>
  
  <pre><code>.progress-indicator .percentage {
      visibility: hidden;
  }
  </code></pre>