jQuery环形与直线进度条

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

 9848  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播放进度条插件,可拖动

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

jquery.Loading

8种fakeloader页面加载效果代码,支持7种效果和自定义图片,兼容主流浏览器!
  加载
 68138  436

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

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

progress 标签制作加载(原创)

利用HTNL5新标签制作进度条加载,代码非常简单且实用。
  加载
 14164  214

讨论这个项目(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
               });
           });
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复