jQuery响应式进度条

所属分类:UI-加载

 13639  147  查看评论 (1)
分享到微信朋友圈
X
jQuery响应式进度条 ie兼容9

更新时间:2020-06-07 21:44:11

使用方法

进度条引用

<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/index.css">
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/index.js"> </script>
<script src="js/schedule.js"> </script>

html

<!-- 进度条 -->
<div class="schedule_box">
    <div id="scheduleX"></div>
</div>	

调用对应进度条函数


scheduleX({
    fulfill: 50, //进度条,开始数字
    listAll: 100, //总数
    speed: 25, //动画速度,可选,默认25,越小越快
    again: false, //选择数改变动画是否从零开始,默认true从零开始
    bgColor: "#7a7a7a", //底部颜色
    listColor: "#fdcf12", //伸缩条颜色
    scWidth: "1.6", //进度条宽度
    scHeight: "0.08", //进度条高度
    WateringTree: WateringTrees //点击
});
相关插件-加载

纯css3制作绿色loading加载动画特效

纯css3制作绿色loading加载动画特效里面包含14款不同效果的绿色清新loading加载特效。
  加载
 58125  557

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

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

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 35064  326

jQuery进度条插件jqbar

柱状图动态显示工具
  加载
 47186  361

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

    1467815631 0
    2020/6/29 12:43:43
    我想在一个页面引用多个进度条,值也不一样,这个有什么方法,把dom传进去 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复