jQuery SVG圆形进度条插件ProgressCircle

所属分类:UI-加载

 1665  11  查看评论 (1)
jQuery SVG圆形进度条插件ProgressCircle ie兼容10

使用方法

在页面中引入progresscircle.css和jquery以及progresscircle.js文件。

<link href="css/progresscircle.css" rel="stylesheet"> 
<scriptt src="jquery.min.js"></scriptt> 
<scriptt src="progresscircle.js"></scriptt>

该jquery圆形进度条的基本html结构如下:

<div class="circlechart" data-percentage="-20"> -20% </div>
<div class="circlechart" data-percentage="50"> 50% </div>

data-percentage属性代表圆形进度条的百分比,可以是负数,负数表示反向执行动画。

相关插件-加载

jQuery动画进度条 实时显示进度百分比DEMO演示

jQuery动画进度条 实时显示进度百分比DEMO演示
  加载
 12205  41

jquery播放进度条插件,可拖动

jquery插件播放进度条,可以拖动,可以控制,可设置时间
  加载
 13862  47

jquery图片加载进度

图片异步加载进度表条
  加载
 23087  93

jQuery进度条插件jqbar

柱状图动态显示工具
  加载
 15677  65

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    不明觉厉 0
    2018/3/15 16:54:26
    特别好用,谢谢楼主分享 回复
取消回复