circleProgress.js圆环进度条插件

<script src="jquery.min.js"></script>
<script src="jquery-circle-progress/dist/circle-progress.js"></script>
 
<div id="circle"></div>
 
<script>
    $('#circle').circleProgress({
        value: 0.75,
        size: 80,
        fill: {
            gradient: ["red", "orange"]
        }
    });
</script>

选项：

事件

其他：

You can get the  (but only if the widget is already inited):

$('#circle').circleProgress({ value: 0.5 });
var canvas = $('#circle').circleProgress('widget');

You can get the CircleProgress instance:

var instance = $('#circle').data('circle-progress');

You can redraw existing circle (but only if the widget is already inited):

$('#circle').circleProgress({ value: 0.5, fill: { color: 'orange' }});
$('#circle').circleProgress('redraw'); // use current configuration and redraw
$('#circle').circleProgress(); // alias for 'redraw'
$('#circle').circleProgress({ size: 150 }); // set new size and redraw