radialIndicator.js的使用（多个进度条）

lynachen

于 2019-10-16 15:49:31 发布

阅读量713

点赞数

分类专栏：前端开发

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/Julylyna/article/details/102586919

版权

前端开发专栏收录该内容

6 篇文章

订阅专栏

<div class="process" data-num="10"></div>
<div class="process" data-num="20"></div>
<div class="process" data-num="30"></div>

$.each($(".progress"), function () {
    radialIndicator($(this), {
        barColor: {  //渐变
			0:'#00deff',
			33:'#ffff00',
			66:'#6dc5a3',
			100:'#23f9a2'
		},
//		barColor:'#7bdcb7',
        barWidth: 6,
        roundCorner : true,
        radius: 38,
        barBgColor: "#f3f3f3",
        format: '##,##,###%',
        percentage: true,
    }).animate($(this).attr('data-num'))  //animate动画效果苹果手机上会出现闪烁，这里可以直接获取value值，但是没有动画效果
})