Как сделать индикатор выполнения градиента в JavaFX?

Я хочу добиться этого: https://images.app.goo.gl/rH7o4hssPt1mLeEM9

В настоящее время я сделал индикатор выполнения с -fx-accent: #87CEEB;

Но я хочу, чтобы это был линейный градиент: linear-gradient(to right, #87CEEB, #2980b9);

Как я могу это сделать?


java javafx progress-bar linear-gradients
person Atharva Gulve    schedule 15.05.2021    source источник
comment
В ссылке, которой я поделился, индикатор выполнения содержит закругленные углы, и я этого не хочу.   -  person Atharva Gulve    schedule 15.05.2021
comment
Спасибо, но я уже прочитал все вики и хочу, чтобы цвет индикатора выполнения был градиентным.   -  person Atharva Gulve    schedule 15.05.2021

Ответы (1)


arrow_upward
4
arrow_downward

Вам просто нужно использовать CSS, чтобы выбрать bar из progress-bar:

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

Затем просто добавьте свою таблицу стилей в свою сцену:

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

скриншот

person Zephyr    schedule 15.05.2021
comment
Привет, Зефир, на самом деле я веб-разработчик (также разработчик C #), и я новичок в java, но ваша идея была так хороша. - person Atharva Gulve; 15.05.2021