jQuery环形与直线进度条

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

 9652  60  查看评论 (6)
分享到微信朋友圈
X
jQuery环形与直线进度条 ie兼容11

更新时间:2021-03-05 00:32:12

使用方法:

调用所需文件

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="./Circle/Circle.js" type="text/javascript" charset="utf-8"></script>

 HTML:

<canvas id="circle1" width="80" height="80" data-value="40" data-textSize="12" data-size="30" data-lineWidth="10"></canvas>

JS:

$(selector).Circle({parameter})
相关插件-加载,圆边

jQuery nprogress.js页面加载进度条

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

jQuery简单进度条插件

jQuery简单实用的轻量级进度条插件
  加载
 101929  344

jQuery步骤条step插件(原创)

一款step分步步骤条插件
  加载
 62293  401

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

    九思?? 0
    2024/1/10 16:02:40
    请问环形的怎么根据网页的宽高自适应呀 回复
    枫下的秋千 0
    2022/7/7 16:31:13
    一开始设置data-value值,然后再次调用.Circle修改value值就会失败 回复
    Z. 0
    2021/6/17 14:19:54
    怎么调整中间百分比的位置,微调,就是上下移动20或者30px的这种,求求~
        浮生无你、只是虚度1
        2022/2/9 17:34:15
        tipsPositionFill 提示文字位置补位 通过这个值调整,数字类型
    回复
    conan221 0
    2021/5/26 23:04:23
    关键的动态设置进度的方法到底在哪?
    我要根据加载的图片的张数算出百分比反映到这个进度条上,怎么弄。
        浮生无你、只是虚度0
        2021/6/2 16:49:34
        $('.add_circle2').on('click', function(event) {
               $('#circle5').Circle({
                   value: 20,
                   tipsText: 5000
               });
           });
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复