资讯频道 → Web前端
阅读更多

9顶
1踩

Web前端

原创新闻 6 款绚丽的 JS 加载和进度条插件

2012-11-13 09:58 by 见习编辑 html5_dev 评论(6) 有50202人浏览
jquery JavaScript 插件 进度条

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

随着我们网站复杂度的增加，很多时候需要用户去等待一些比较耗时的操作，在等待的过程中，如果能有一些比较人性化的加载动画或者进度条提示用户当前执行的状态，那就能大大提升网站的用户体验度。下面给大家分享一些绚丽的JS动画加载和进度条插件，希望大家喜欢。

1、Spin.js

可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。



在线演示 / 源码下载

2、3款CSS3 Loading动画

3款基于CSS3的动画加载效果。



在线演示

3、Percentage Loader

一款轻量的 jQuery 进度条插件，以百分比的形式呈现加载进度，同时显示已加载内容的大小。



在线演示 / 源码下载

4、jQuery Progress Bar



在线演示 /  源码下载

5、Animated jQuery Progressbar Plugin

该jQuery插件可以显示当前的加载进度以及剩余时间。



在线演示 / 源码下载

6、Progressbar

这是基于 jQuery UI 的进度条插件，可以通过 jQuery UI 的主题功能定制外观。



在线演示 / 源码下载
9
顶
1
踩
评论 共 6 条 请登录后发表评论
6 楼 Caelebs 2016-05-27 11:14
0.0
  • [list]
  • [*]
[/list    ]
5 楼 liuweihug 2014-05-22 21:01
Jquery 简单大方美观的进度条插件-NProgress中文使用说明 - 前端编程 - IT工作生活这点事。Just Such So!
http://www.suchso.com/UIweb/Jquery-simple-beautity-progress-nprogress-cn.html
4 楼 tianzhongjun008 2012-11-14 15:32
Marks
3 楼 上古清茗 2012-11-14 09:01
有支持IE6的吗？
2 楼 shawnshen 2012-11-14 00:11
最喜欢第一个和第二个~
1 楼 damoqiongqiu 2012-11-13 17:01
第三款看到过很多次了，难道在炒冷饭

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics