canvas进度条效果

所属分类:UI-加载,圆边

 10647  45  查看评论 (2)
canvas进度条效果 ie兼容9

使用方法如下    

<canvas id="canvas"></canvas>    
<script type="text/javascript">
  new Progress().renderOne( 'canvas',//elementId     100,//直径    5,//圆弧宽度    100//进度百分比100%);}
</script>

同一个页面可以new多个进度条实例

相关插件-加载,圆边

圆形进度条,再也不怕圆形进度条不兼容不帅气

圆形进度条原理。转化为jquery也非常方便。 原理都差不多(原创)
  加载
 58008  151

带刻度的进度条

html5 CSS3渐变进度条动画效果
  加载
 10136  19

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 17164  83

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 30639  102

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

    chan 0
    2018/5/2 10:13:56
    您好,这个怎么做成获取数据库,然后根据数据库的数据变化而变化?
        顽固。0
        2018/7/19 19:40:30
        那您得稍微改改代码了,这是很久之前发布的
        可以增加一个只画当前状态没有动画的方法,然后数据变化的时候调用该方法重绘
    回复
取消回复