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

Question

我想实现这一目标： https://images.app.goo.gl/rH7o4hssPt1mLeEM9

目前我已经制作了一个进度条-fx-accent: #87CEEB;

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

我怎样才能做到呢？

Answer 1

您只需使用 CSS 来bar选择progress-bar：

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

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

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