Я использую плагин jQuery под названием JQuery Knob http://anthonyterrien.com/knob/
Чтобы создать круговой индикатор выполнения,
Итак, здесь мой код
<input type="text" value="90" class="dial" data-width="80" data-height="90" data-readOnly=true data-fgColor="#2ecc71">
Выполнение команды JS
$(".dial").knob();
Попробовал добавить (%) к атрибуту value, но он не отображается
$('.dial').each(function() {
$(this).attr("value", $(this).attr("value") + "%");
});
Любые предложения? Спасибо!
Начиная с версии 1.2.7 этого плагина есть крючок format, который вы можете использовать, чтобы изменить способ отображения номера.
Например, вы можете указать:
$(".dial").knob({
'format' : function (value) {
return value + '%';
}
});
Используйте ниже код, который будет работать
$(".dial").knob({
'change': function (v) { console.log(v); },
draw: function () {
$(this.i).val(this.cv + '%');
}
});
Попробуй, это сработало для меня...
$(".dial").knob({
'format' : function (value) {
return value + '%';
}
});