如何在JavaFX中获得一个小的ProgressBar

我正在尝试获得一个类似 iTunes 的进度条，该进度条非常小（高度约为 5 像素），但我似乎无法低于 19 或 20 像素。

我尝试在周围的窗格上设置 -fx-max-height 但没有效果。请注意，这个值确实会改变高度 - 我只是不能让它小于大约 20px。

有什么想法如何实现这一目标吗？我想避免使用普通矩形来指示进度，因为失去了语义和辅助技术的支持。

Thanks.

The ProgressBar默认样式是您无法降低其高度的原因。

正如我们在modena.css文件为progress-barCSS 选择器：

.progress-bar > .bar {
    -fx-background-color: linear-gradient(to bottom, derive(-fx-accent, -7%), derive(-fx-accent, 0%), derive(-fx-accent, -3%), derive(-fx-accent, -9%) );
    -fx-background-insets: 3 3 4 3;
    /*-fx-background-radius: 0.583em; *//* 7 */
    -fx-background-radius: 2;
    -fx-padding: 0.75em;
}

有两个 CSS 属性负责此操作：-fx-padding蓝色内栏的高度和-fx-background-insets周围灰色条的高度。

因此您可以根据需要自定义此选择器。例如，使用这些属性，您将拥有 5 像素的高度：

.progress-bar > .bar {
    -fx-background-insets: 1 1 2 1;
    -fx-padding: 0.20em;
}

无需在代码中设置高度：

@Override
public void start(Stage primaryStage) {

    ProgressBar pb = new ProgressBar(0.4);
    pb.setPrefWidth(200);
    StackPane root = new StackPane(pb);

    Scene scene = new Scene(root, 300, 200);
    scene.getStylesheets().add(getClass().getResource("root.css").toExternalForm());
    primaryStage.setTitle("Hello World!");
    primaryStage.setScene(scene);
    primaryStage.show();
}