變化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% 
     ); 
}