jQuery 圆型进度条

 查看演示  website  立即下载

参数说明

 runCircle({
     obj: 'canvasThree',
     percent: 0.5,
     url: 'images/zstart.png', //飞机小图地址
     imgWidth: 30,//图片宽度
     imgHeight: 30,//图片高度
     circleBottomColor: "#e6eaed", //圆环底色
     outerColorStart: '#ebf7ff', //外部圆环 渐变色
     outerColorMid: '#d8eefc',
     outerColorEnd: '#a7cee7',
     innerColorStart: '#6fbef0', //内部圆环 渐变色
     innerColorEnd: '#058ee4',
 });

如果要修改整个圆形进度条大小，可通过修改外层div宽度

.surePass {
	margin-top:2em;
	position:relative;
	width:50%;/*修改这里*/
	float:left;
}

PREVIOUS:
NEXT:
jQuery拖拽验证
jQuery图片查看插件