jQuery进度条(合作)

所属分类:UI-加载

 10449  112  查看评论 (0)
分享到微信朋友圈
X
jQuery进度条(合作) ie兼容11

更新时间:2020-08-26 09:24:02

使用方法

引用js,css

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="format-progress-bar.js"></script>
<link rel="stylesheet" href="styles.css">

html

<div id="id1"></div>

js

var formatdmm1 = formatdmm.load({
    container: 'id1', //容器
    containerWid: '800', //容器宽度px
    containerHeg: '30', //容器高度px
    startColor: '#73EE22', //开始颜色ec9089
    endColor: '#73EE22', //结束颜色
    countNum: 100, //分隔数
    itemColor: '#ddd',
    maxNumerical: 100,
    direction: 'transverse', //排列方向transverse 横向  ,portrait 纵向
    duration: 500, //每次渲染时长
    callback: function(num) {
        $("#textspan").html(num);
    } //回调函数,将当前进度传出
});
相关插件-加载

jQuery简单进度条插件

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

jQuery会员等级进度条(原创)

jQuery多节点点亮会员等级进度条
  加载
 35740  356

progress 标签制作加载(原创)

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

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

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

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复