随着我们网站复杂度的增加，很多时候需要用户去等待一些比较耗时的操作，在等待的过程中，如果能有一些比较人性化的加载动画或者进度条提示用户当前执行的状态，那就能大大提升网站的用户体验度。下面给大家分享一些绚丽的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的专栏
分享到：
相关推荐
随着我们网站复杂度的增加，很多时候需要用户去等待一些比较耗时的操作，在等待的过程中，如果能有一些比较人性化的加载动画或者进度条提示用户...下面给大家分享一些绚丽的JS动画加载和进度条插件，希望大家会喜欢。
今天这篇文章向大家推荐10款基于 jQuery 实现的加载动画和进度条插件。Spin.js 最喜欢这款插件了，动画图片的长度、粗细、速度和角度都可以灵活控制，想要做成什么样都可以。 源码下载 在线演示 Percentage ...
jquery-pie-loader.js是一款轻量级的基于HTML5 SVG的jQuery圆形进度条插件。通过该插件可以在页面中渲染出带动画效果的SVG饼状图形，适合用于制作进度显示，加载进度等效果。
html5圆形进度条加载按钮是一款modernizr html5表单提交按钮圆形进度条加载动画表单验证效果。
jQuery百分比进度条动画加载代码是一款非常简单的网页动态进度条自定义插件，只需要引用JS就可以用，哪里需要进度条就在哪个节点添加class就可以了。 引入js文件 [removed][removed] [removed][removed]
下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件，希望对大家有帮助。 1、不同进度显示不同颜色的进度条 这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变...
jQuery百分比进度条动画加载代码是一款非常简单的网页动态进度条自定义插件，只需要引用JS就可以用，哪里需要进度条就在哪个节点添加class就可以了。
circles是一款基于HTML5 SVG的轻量级JavaScript圆形进度条插件。该圆形进度条具有响应式，可动画等特点，并且可以制作出圆形进度条进入视口才开始动画的效果。
之前我们分享过很多漂亮的CSS3 Loading加载动画，印象最深的要算这款CSS3 Loading进度条加载动画特效 3款绚丽风格。这次要给大家介绍的是另外一款可爱的CSS3 Loading动画，一共有5种动画类型，每组Loading动画都非常...
内容索引:脚本资源,jQuery,进度条,jQuery插件 一个基于jQuery 的网页加载进度条插件，版本目前是 v1.2，具有动画效果的进度条，可以用作网络连接、上传或下载程序中，进度条很漂亮。
jQMeter是一款简单实用的轻量级进度条jQuery插件，它可以显示为水平或垂直进度条，进度条加载时带有动画特效，你只需要简单的传入一些参数到jQMeter对象的构造函数中就可以完成你想要的进度条效果。
主要为大家详细介绍了环形加载进度条封装，Vue插件版，原生js版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
此插件的兼容性很好，可以兼容IE8以上的所有主流插件，而且其强大之处在于，你还可以引入加载进度条的主题样式，你可以选择任意颜色和多种动画效果（例如简约、闪光灯，MAC OSX，左侧填充，顶部填充，计数器和弹跳...
效果描述： jquery.progress.js插件，支持html5 SVG loading动画加载效果 使用方法： 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可
NProgress.js是极细的纳米级进度条，用现实的细线条动画让用户看到网页正在发生的事情！ 你也许已经在 Youtube 上看过了那道红色激光脉冲，它会在你切换页面时出现。其实许多移动浏览器的进度条都是这个样式，但是在...
一个可自定义Loading参数的jquery加载动画插件，这个插件是用来生成网页进度条的，但最大的亮点是它可以调节Loading的很多参数，比如Loading动画图标的大孝Loading图标的动画频率、阴影效果、线条长度、线条数量多少...
Query动态百分比进度加载代码是一款动态进度条自定义插件，只需要引用JS就可以用，哪里需要进度条就在哪个节点添加class就可以了。
jquery html5实现进度条加载特效是一款非常实用的功能，配合jquery的动画插件实现了进度加载时百分比的滑动效果。
Bar Indicator是一款基于jQuery的进度条数据展示插件，它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富，几乎可以满足用户所有基于进度条的WEB设计需求，本文将结合实例给大家讲解...
这两个插件都是关于加载进度动画的，应该说各有特点吧，最起码对我来说是各有优势的。今天一天就捣鼓了加载进度动画，也研究了大量的（也就这两个）加载进度动画，也算对加载进度动画有了一个初步的了解了吧。 ...