How to change text inside JQuery knob

Question

I want to change the text of JQuery Knob. For example I have a rate 23% consumed I want to put 23% on row and consumed in new row inside the circle. In other word, I want to add (consumed) under the percentage in different style (The font size of rate 16px and consumed 12px)

Answer 1

Add This to your knob options

format : function (value) {
    return value + '%';
}

Answer 2

if you display % in your knob slider :

change line format:function(v){return v} to format:function(v){return v + "%"}

above line must be in jquery.knob.min.js