如何在JavaFX中创建平面进度条？

Question

我正在使用Java FXML。

进度条看起来像这样： JavaFX Progress Bar

如何删除周围的灰色边框，但保持背景。

看起来像这样： Desired Progress Bar

谢谢！

Answer 1

您需要添加样式表并执行此操作：

.progress-bar > .bar, .progress-bar > .track {
    -fx-background-insets: 0;
}

如果您将来遇到类似问题，可以从CSS Reference和Modena Theme CSS进行自己的研究。

Answer 2

对于我来说，平面进度条可与以下样式表一起使用

 .progress-bar > .bar {
    -fx-padding:0;
    -fx-background-radius:0;
    -fx-background-insets: 0;
    -fx-background-color: black;
}

.progress-bar > .track {
   -fx-background-color: lightgray, white;
   -fx-background-radius:0;
   -fx-background-insets: 0, 1;

}