jQuery进度条插件

所属分类:其他,UI-动画效果,加载

 45828  245  查看评论 (6)
分享到微信朋友圈
X
jQuery进度条插件 ie兼容6

这个插件允许您创建使用jQuery的动画进度条。只需填写所需的数值和插件计算你的目标的进度,您可以指定文本之前和之后提出的金额。

欢迎下载插件,并在个人项目中使用它

使用用法

添加样式goalProgress.css,goalProgress.min.js或goalProgress.js选择其一。

加入一个空元素在页面上:

<div id="sample_goal"></div>

初始化脚本。

$(document).ready(function(){
    $('#sample_goal').goalProgress({
        goalAmount: 150,
        currentAmount: 100,
        textBefore: '$',
        textAfter: ' raised'
    });
});

简单三个步骤完成了。

相关插件-动画效果,加载

文字散开重组动效

文字散开,重组
  动画效果
 41931  586

three.js 创建 多面立方体

基于three.js 创建6面立方体模型 可旋转添加动画
  动画效果
 19325  244

卷轴动画-html5+js完美兼容IE6+

卷轴动画-html5+js完美兼容IE6+
  动画效果
 42416  401

jquery3d图片旋转插件

拖动鼠标即可看到图片旋3D转动画
  动画效果
 36958  349

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

    wqil123 0
    2020/2/11 21:35:52
    怎么更新进度条数据啊,组件没有方法吗? 回复
    小二郎┵ 0
    2018/12/13 11:56:11
    能在一个页面里放两个进度条吗 回复
    ?糍的青春最美丽 0
    2017/3/24 19:28:39
    你好 为什添加后 下拉框中的数据不能出现了  谢谢! 回复
    陈志伟 0
    2016/12/11 11:12:25
    小数不得。它是去掉小数点后面的 回复
    世镛 0
    2016/6/30 16:06:06
    你这个只能总数100时才显示正确,如果6/7比如就显示错误了
        世镛0
        2016/6/30 16:06:33
        噢不好意思,你的本意就是进度而不是百分比,不是错误,抱歉
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复