Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Эдуард Короткевич
Верстальщик
0
вклад
2
вопроса
1
ответ
0%
решений
Комментарии
Информация
Ответы
Вопросы
Комментарии
Подписки
Нравится
Как реализовать прогресс-бар по клику?
Эдуард Короткевич
@Haskvel
Автор вопроса
$("#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) + "%");
}
});
Написано
более трёх лет назад
Как реализовать прогресс-бар по клику?
Эдуард Короткевич
@Haskvel
Автор вопроса
Спасибо. Попробую.
Написано
более трёх лет назад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама
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) + "%");
}
});