如何在 JavaFX 中制作渐变进度条？

Question

我想实现这个： https://images.app.goo.gl/rH7o4hssPt1mLeEM9

目前我用-fx-accent: #87CEEB;

做了一个进度条

但我希望它是线性渐变： linear-gradient(to right, #87CEEB, #2980b9);

我怎样才能做到？

Answer 1

你只需要使用 CSS 到 select bar 的 progress-bar:

.progress-bar .bar {
    -fx-background-color: linear-gradient(to right, #87CEEB, #2980b9);
}

然后只需将样式表添加到场景中即可：

scene.getStylesheets().add("Style.css");