jQuery进度条插件

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

 41580  183  查看评论 (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'
    });
});

简单三个步骤完成了。

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

jQuery延时动画插件aniAuto

该插件主要用于执行Animate.css动画库,可以实现动画延时,队列,执行时间,滞后执行,重复执行等
  动画效果
 23826  253

3D标签云滚动插件

3D标签云,小修改气泡云随着鼠标方向滚动
  动画效果
 23359  251

jQuery浮层跟随图片动画代码

jQuery浮层跟随图片动画代码
  动画效果
 23877  261

弹框消失效果

弹框消失的各种效果,应该会有你需要的。
  动画效果
 17363  203

讨论这个项目(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
        噢不好意思,你的本意就是进度而不是百分比,不是错误,抱歉
    回复
取消回复