分享 6 款绚丽的 JS 加载动画和进度条插件

2012年11月13日

随着我们网站复杂度的增加,很多时候需要用户去等待一些比较耗时的操作,在等待的过程中,如果能有一些比较人性化的加载动画或者进度条提示用户当前执行的状态,那就能大大提升网站的用户体验度。下面给大家分享一些绚丽的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 的主题功能定制外观。

在线演示 /源码下载

转载请注明出处:html5_dev的专栏

展开阅读全文
360 收藏
分享
加载中
最新评论 (11)
擦,最近在做html5带进度条上传
2012-11-14 00:19
0
回复
举报
太好了
2012-11-13 14:24
0
回复
举报
这真是挖祖坟的帖子;额
2012-11-13 09:59
0
回复
举报
....又是...重复三次了吧
2012-11-13 09:51
0
回复
举报
好像一年前就见过了,难道是穿越了
2012-11-13 09:29
0
回复
举报
http://www.entheosweb.com/tutorials/css/preloader/Demo.html
2012-11-13 09:28
0
回复
举报
收藏
2012-11-13 09:08
0
回复
举报
不发过了吗?挖坟啊!!
2012-11-13 08:56
0
回复
举报
超赞,这些效果都很不错,特别是第一个,很适合遮罩,还可以定制
2012-11-13 08:45
0
回复
举报
更多评论
11 评论
360 收藏
分享
返回顶部
顶部