Добавление процентов к значению ввода jQuery

Я использую плагин 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 + '%';
  }
});