jQuery Knob

• canvas based ; no png or jpg sprites
• touch events implemented
• downward compatible ; overloads an input element

Options

The following options (data-*=attributes) are supported :

• min : min value
• max : max value
• cursor : display mode "cursor" | default=gauge
• thickness : gauge thickness
• width : dial width
• displayInput : default=true | false=hide input
• fgColor : foreground color
• bgColor : background color
• ticks : number of ticks | 0=disable
• tickColor
• tickLength
• tickWidth
• tickColorizeValues : colorize ticks
• readOnly : disable input and events
• skin : default | "tron"

Example :

<input type="text" value="75" class="dial">

<script>
$(function() {
    $(".dial").knob();
}
</script>