JavaFX: Progress-Bar CSS Styling

Posted: Mai 29th, 2014 | Filed under: Java | Tags: , , , , , , | 2 Comments »

In my opinion the JavaFX CSS Reference Guide is not well elaborated. With the help of screenshots and concrete examples it would be much easier to understand the explanations. Therefore I started https://github.com/frankred/JavaFX-Tutorials to give you some examples for specific components.

In the following post the progress-bar component is introduced.

Progress-Bar Tutorial

.progress-bar {
    -fx-background-color: yellow;
    -fx-background-radius: 10, 10, 10, 10;

}

.progress-bar .track{
    -fx-background-color: green;
    -fx-background-insets: 20;
    -fx-background-radius: 6, 6, 6, 6;
}

.progress-bar .bar { 
    -fx-background-color: grey;
    -fx-background-insets: 30, 30, 30, 30; 
    -fx-background-radius: 4, 4, 4, 4;
}

Feel free to copy and paste everything!


2 Comments on “JavaFX: Progress-Bar CSS Styling”

  1. 1 McKey said at 10:31 on September 3rd, 2014:

    danke für die großartige erklärung, ich versuch grad n bisschen was mit javafx zu machen, aber die css dokumentation ist für mich ein buch mit 7 siegeln… 😐

  2. 2 admin said at 13:07 on September 3rd, 2014:

    Absolut mir geht es genau so. Ich finde es fehlen einfach Beispiele mit entsprechenden Screenshots…


Leave a Reply