UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

canvas进度条效果

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

 40443  360  查看评论 (4)
分享到微信朋友圈
X
canvas进度条效果 ie兼容9
 查看演示  立即下载

使用方法如下    

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

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

相关插件-加载,圆边
查看更多

3D立体环形进度图表

 3D立体环形进度图表，只要传入0100的整数，就能显示对应的百分比，大小自适应。
  加载
 34697  330

jQuery 圆型进度条

 jQuery canva圆型进度条，可通参数快速修改进度条
  加载
 36235  339

js图片懒加载插件jxLazyload

 最简便的jquery图片懒加载插件jxLazyload
  加载
 30105  189

jQuery nprogress.js页面加载进度条

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

讨论这个项目（4）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Mr.Cappuccino 0
    2019/4/3 17:48:21
    请问有办法把里面的百分比改为显示为其他内容吗？比如百分比的计算为已支付金额/总金额 我想显示已支付金额 回复
    Smilence. 0
    2019/3/18 16:13:22
    你好，请问一下如何调节速度？ 回复
    chan 0
    2018/5/2 10:13:56
    您好，这个怎么做成获取数据库，然后根据数据库的数据变化而变化？
        顽固。0
        2018/7/19 19:40:30
        那您得稍微改改代码了,这是很久之前发布的
        可以增加一个只画当前状态没有动画的方法,然后数据变化的时候调用该方法重绘
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复