JAVAFX progressbarの背景色を透明にしたい

Question

前提・実現したいこと

scenebuilderで2つのプログレスバーを重ねて、棒グラフのようにしたいです。
![]
青のプログレスバーの下に、赤のプログレスバーを置きたいのですが、
青のプログレスバーの背景？を透明にする方法がわかりません。
何か方法はありますか？

この中には進捗率が入っていて、赤には青+赤の割合があり、透かさせて差を出そうと思っています。
それらの内訳を2色に分けて表したいのですがこの方法しか思いつきませんでした。

試したこと

progressbar.setStyle("-fx-background-color: transparent")
↑　だめでした

Answer 1

JavaFXは詳しくないので頓珍漢なことをしているかもしれません。

java - How can I style the ProgressBar component in JavaFX - Stack Overflow

ProgressBarの中のTrackの背景を変える必要があるようです。
もともとはグラデーション等で凝った色になっています。
ちゃんとやる方法もありそうですが、面倒なのでtransparentにしてしまいます。
transparentにすると枠ももろもろ透明になってしまうので、 通常のProgressBarをダミーで一番下に置きました^^; 一番下になるのを普通のにします。

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.ProgressBar?>
<?import javafx.scene.layout.Pane?>

<Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0"
      prefWidth="600.0" stylesheets="@sample.css" xmlns="http://javafx.com/javafx/11.0.1"
      xmlns:fx="http://javafx.com/fxml/1">
    <children>
        <ProgressBar layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0.8"
                     style="-fx-accent: red;"/>
        <ProgressBar layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0.5"
                     styleClass="transparent-progress-bar"/>
    </children>
</Pane>

.transparent-progress-bar > .track {
  -fx-background-color: transparent;
}

Comments

[退会済みユーザー]

ご回答ありがとうございます！
早速試しました・・・こんなに簡単に実現できるとは思いませんでした(´;ω;｀)
本当にいつもありがとうございます・・・！