Как реализовать прогресс-бар по клику?

Question

[Эдуард Короткевич]

Поскажите, как реализовать прогресс-бар по клику? Нужно при нажатии на плюс увеличивался прогрес бар и закрашивался цветок. Градиент прогресс-бара тоже меняет цвет.

Answer 1

[Gary_Ihar]

Я бы описал 6 классов и кликами присваивал их поочерёдно или отнимал

Comments

[Эдуард Короткевич]

Спасибо. Попробую.

Answer 2

[Эдуард Короткевич]

Еще надо и уменьшать при клике на минус.

Answer 3

[Danil929292929]

Так а ты код скинь

Comments

[Эдуард Короткевич]

$("#progressbar").progressbar({
value: 0
})
.data("value", "20");

$(".plus").click(function () {
var currValue = $("#progressbar").data("value");
currValue = parseInt(currValue) ? parseInt(currValue) : 0;
if (currValue <= 100) {
$("#progressbar").progressbar({
value: currValue + 20
}).data("value", currValue + 20);
$("#progressLabel").html((currValue + 20) + "%");
}
});

$(".minus").click(function () {
var currValue = $("#progressbar").data("value");
currValue = parseInt(currValue) ? parseInt(currValue) : 0;
if (currValue > 0) {
$("#progressbar").progressbar({
value: currValue - 20
}).data("value", currValue - 20);
$("#progressLabel").html((currValue - 20) + "%");
}
});