编程 Javascript

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

Posted in Javascript onOctober 24, 2012

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

Spin.js

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

源码下载 在线演示

Percentage Loader

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

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

源码下载 在线演示

jQuery Circular Progress Bar

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

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

源码下载 在线演示

jQuery Progress Bar

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

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

源码下载 在线演示

Animated jQuery Progressbar Plugin

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

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

源码下载 在线演示

Progressbar

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

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

源码下载 在线演示

jQuery High Quality Loader

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

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

源码下载 在线演示

Flickr Style Loading Animation Using JQuery

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

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

源码下载 在线演示

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript引用对象的方法代码

Aug 13 Javascript

javascript引导程序

Oct 26 Javascript

Javascript图像处理—虚拟边缘介绍及使用方法

Dec 27 Javascript

18个非常棒的jQuery代码片段

Nov 02 Javascript

AngularJS基础 ng-repeat 指令简单示例

Aug 03 Javascript

jQuery实现的右下角广告窗体跟随效果示例

Sep 16 Javascript

JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)

Dec 14 Javascript

浅谈angularJS的$watch失效问题的解决方案

Aug 11 Javascript

jQuery实现checkbox的简单操作

Nov 18 jQuery

使用Sonarqube扫描Javascript代码的示例

Dec 26 Javascript

Vue中全局变量的定义和使用

Jun 05 Javascript

vue实现可移动的悬浮按钮

Mar 04 Vue.js

jquery 实现checkbox全选，反选，全不选等功能代码(奇数)

Oct 24 #Javascript

JavaScript window.document的属性、方法和事件小结

Oct 24 #Javascript

javaScript 删除字符串空格多种方法小结

Oct 24 #Javascript

javascript中input中readonly和disabled区别介绍

Oct 23 #Javascript

关于js new Date() 出现NaN 的分析

Oct 23 #Javascript

js Dialog 实践分享

Oct 22 #Javascript

JS控件的生命周期介绍

Oct 22 #Javascript

You might like

浅谈Laravel队列实现原理解决问题记录

2017/08/19 PHP

jquery 实现的全选和反选

2009/04/15 Javascript

js实现div的切换特效上一个下一个

2014/02/11 Javascript

document.write的几点使用心得

2014/05/14 Javascript

基于JavaScript实现一定时间后去执行一个函数

2015/12/14 Javascript

谈一谈javascript中继承的多种方式

2016/02/19 Javascript

Node.js+Express配置入门教程详解

2016/05/19 Javascript

深入理解Angular2 模板语法

2016/08/07 Javascript

Angular2中Bootstrap界面库ng-bootstrap详解

2016/10/18 Javascript

node.js文件上传处理示例

2016/10/27 Javascript

JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】

2017/06/06 Javascript

vue非父子组件通信问题及解决方法

2018/06/11 Javascript

CSS3 动画卡顿性能优化的完美解决方案

2018/09/20 Javascript

Vue2 添加数据可视化支持的方法步骤

2019/01/02 Javascript

小程序二次贝塞尔曲线实现购物车商品曲线飞入效果

2019/01/07 Javascript

泛谈JS逻辑判断选择器 || &&

2019/05/24 Javascript

微信小程序实现自定义动画弹框/提示框的方法实例

2020/11/06 Javascript

用Python实现一个简单的线程池

2015/04/07 Python

python写入中英文字符串到文件的方法

2015/05/06 Python

Python基于PycURL自动处理cookie的方法

2015/07/25 Python

python timestamp和datetime之间转换详解

2017/12/11 Python

python操作excel文件并输出txt文件的实例

2018/07/10 Python

python实现小世界网络生成

2019/11/21 Python

pytorch获取模型某一层参数名及参数值方式

2019/12/30 Python

利用django创建一个简易的博客网站的示例

2020/09/29 Python

如何使用python自带IDLE的几种方法

2020/10/10 Python

Python操作Excel的学习笔记

2021/02/18 Python

英国在线定做百叶窗网站：Make My Blinds

2020/08/17 全球购物

辩论赛主持词

2014/03/18 职场文书

代办委托书怎样写

2014/04/08 职场文书

职位说明书范文

2014/05/07 职场文书

厂区绿化方案

2014/05/08 职场文书

金融与证券专业求职信

2014/06/22 职场文书

教师节倡议书

2014/08/30 职场文书

小学班级特色活动方案

2014/08/31 职场文书

MySQL 常见存储引擎的优劣

2021/06/02 MySQL