超酷jQuery进度条加载动画集合

在丰富多彩的网页世界中，进度条加载动画的形式非常多样，有利用gif图片实现的loading动画，也有利用jQuery和CSS3实现的进度加载动画，本文主要向大家介绍很多jQuery和CSS3实现的进度条加载动画，每一个都非常具有创意。如果你喜欢，可以下载源码并将它们应用到自己的网站中去。

HTML5 Canvas发光Loading动画

它是一个Loading加载动画，并不能实现具体进度的加载，但是可以提示用户数据或者页面正在加载。并且该应用利用Canvas绘制动画，效果非常不错。

DEMO演示        源码下载

HTML5/CSS3粒子效果进度条

和上面一款不同的是，这款进度条很有特点，进度条在变化的时候出现粒子飞洒的动画效果。另外这款进度条只是演示了进度播放的效果，具体进度值需要开发者自己用代码控制。

DEMO演示        源码下载

jQuery/CSS3 Loading进度条加载动画特效

这也是一款利用CSS3和jQuery实现的进度条插件，一共有3种进度条动画风格，尤其在黑色的背景下，这几款进度条动画显得更为立体动感。

DEMO演示        源码下载

jQuery自定义Loading动画插件

这是一款纯jQuery实现的Loading动画， 特点在于它可以自定义Loading动画的很多参数，包括大小、旋转速度等。配置完的Loading动画就可以应用到自己的网页中去了。

DEMO演示        源码下载

jQuery实时动画进度条

这款jQuery进度条插件的最大特点是可以实时显示进度条的进度值，可以应用在文件上传下载等比较定量的操作中。另外你也可以定义进度条的步长，也就是没单位进度移动的距离。

DEMO演示        源码下载

CSS3不同进度颜色的进度条

这又是一款风格迥异的CSS3进度条应用，它有点类似于游戏人物中的生命值，随着数值的变化进度条会产生不同的背景颜色，这里只是设定了几个固定的进度比例，你也可以指定自己的进度范围。

DEMO演示        源码下载

这些进度条都很精彩，特别是都带有源代码，你可以很方便地使用它们，jQuery和CSS3都很强大。