jQuery SVG圆形进度条插件ProgressCircle
插件特效
插件描述：ProgressCircle.js是一款基于SVG的jquery圆形进度条插件。该jquery圆形进度条插件通过动态生成SVG元素和CSS3动画来制作漂亮的圆形进度条动画特效。
使用方法
在页面中引入progresscircle.css和jquery以及progresscircle.js文件。
1 2 3 | <link href="css/progresscircle.css" rel="stylesheet"> <scriptt src="jquery.min.js"></scriptt> <scriptt src="progresscircle.js"></scriptt> |
该jquery圆形进度条的基本html结构如下：
1 2 | <div class="circlechart" data-percentage="-20"> -20% </div><div class="circlechart" data-percentage="50"> 50% </div> |
data-percentage属性代表圆形进度条的百分比，可以是负数，负数表示反向执行动画。
评论