javafx-2 - JavaFX プログレス バーのスタイルを変更する

Question

このコードを変更して、進行状況バーを緑色にしたい:

.progress-bar > .bar {
    -fx-background-color: linear-gradient(
        from 0px .75em to .75em 0px,
        repeat,
        -fx-accent 0%,
        -fx-accent 49%,
        derive(-fx-accent, 30%) 50%,
        derive(-fx-accent, 30%) 99%
        );
}

コードを変更して視覚的なレイアウトを変更するにはどうすればよいですか?

Answer 1

-fx-accentグラデーションの色が派生する色定数を上書きするだけです。

.progress-bar > .bar {
    -fx-accent: green;
    -fx-background-color: linear-gradient(
        from 0px .75em to .75em 0px,
        repeat,
        -fx-accent 0%,
        -fx-accent 49%,
        derive(-fx-accent, 30%) 50%,
        derive(-fx-accent, 30%) 99%
        );
}