通过鼠标控制的圆形进度条html5+jquery实现代码,另外还有canvas绘制带渐变色的圆形进度条
jQuery Knob的特点:
input
控件
< input type = "text" value = "75" class = "dial" > |
<script> $( function () { $( ".dial" ).knob(); } </script> |
可以为input
提供data-option
属性。
< input type = "text" class = "dial" data-min = "-50" data-max = "50" > |
或者在knob()
对象中设置属性。
$( ".dial" ).knob({ 'min' :-50 , 'max' :50 }) |
下面还有一些可用的参数:
状态:
UI:
input
, default=true | false=hide
热门源码