CirclesProgress 圆形进度加载百分比

在线实例

实例演示

使用方法

<h2>默认</h2>
<div class="left" id="basic0"></div>
<div class="left" id="basic1"></div>
<div class="left" id="basic2"></div>
<div class="left" id="basic3"></div>
<div class="left" id="basic4"></div>
<div class="left" id="basic5"></div>
<div class="left" id="basic6"></div>
<div class="left" id="basic7"></div>
<div class="left" id="basic8"></div>
<div class="left" id="basic9"></div>
<div class="left" id="basic10"></div>
<div class="clear"></div>

$('#basic0').circlesProgress({'progress': '1', 'borderSize': '0'});
$('#basic1').circlesProgress({'progress': '10', 'borderSize': '0'});
$('#basic2').circlesProgress({'progress': '20', 'borderSize': '0'});
$('#basic3').circlesProgress({'progress': '30', 'borderSize': '0'});
$('#basic4').circlesProgress({'progress': '40', 'borderSize': '0'});
$('#basic5').circlesProgress({'progress': '50', 'borderSize': '0'});
$('#basic6').circlesProgress({'progress': '60', 'borderSize': '0'});
$('#basic7').circlesProgress({'progress': '70', 'borderSize': '0'});
$('#basic8').circlesProgress({'progress': '80', 'borderSize': '0'});
$('#basic9').circlesProgress({'progress': '90', 'borderSize': '0'});
$('#basic10').circlesProgress({'progress': '100', 'borderSize': '0'});

云盘内容

注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。