分享8款优秀的jQuery加载动画和进度条插件

加载动画和进度条在网站和Web应用中的使用非常流行。虽然网速越来越快，但是我们的网站越来越复杂，同时用户对网站的使用体验的要求也越来越高。在内容加载缓慢的时候，使用时尚的加载动画和进度条告诉用户还有内容正在加载是一种非常好的方式。今天这篇文章向大家推荐10款基于jQuery实现的加载动画和进度条插件。

Spin.js

最喜欢这款插件了，动画图片的长度、粗细、速度和角度都可以灵活控制，想要做成什么样都可以。

源码下载    在线演示

 

PercentageLoader

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

源码下载    在线演示

 

jQueryCircularProgressBar

这款环形进度条加载插件可以非常灵活的定制外观、加载速度以及设置特定的进度值。

源码下载    在线演示

 

jQueryProgressBar

一款非常简单的百分比进度条插件，可以参数灵活的控制百分比的增减，有动画效果。

源码下载    在线演示

 

AnimatedjQueryProgressbarPlugin

这款jQuery插件可以显示加载进度和剩余时间，有详细的制作教程可以学习参考。

源码下载    在线演示

 

Progressbar

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

源码下载    在线演示

 

jQueryHighQualityLoader

Bestloader是一款高质量的jQueyr加载进度插件，支持Retina显示，需要付费。

源码下载    在线演示

 

FlickrStyleLoadingAnimationUsingJQuery

基于jQuery实现的类似Flickr的加载动画效果，有非常详细的制作教程。

源码下载    在线演示