编程 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 拾漏补遗

Dec 27 Javascript

javascript实现类似超链接的效果

Dec 26 Javascript

JS使用ajax方法获取指定url的head信息中指定字段值的方法

Mar 24 Javascript

jQuery背景插件backstretch使用指南

Apr 21 Javascript

jQuery实现伪分页的方法分享

Feb 17 Javascript

前端微信支付js代码

Jul 25 Javascript

bootstrap 模态框（modal）实现水平垂直居中显示

Jan 23 Javascript

javascript滚轮事件基础实例讲解（37）

Feb 14 Javascript

js实现时间轴自动排列效果

Mar 09 Javascript

利用Vue构造器创建Form组件的通用解决方法

Dec 03 Javascript

Vue渲染过程浅析

Mar 14 Javascript

前端面试知识点目录一览

Apr 15 Javascript

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

mysql时区问题

2008/03/26 PHP

PHP基于openssl实现非对称加密代码实例

2020/06/19 PHP

IE中jscript/javascript的条件编译

2006/09/07 Javascript

ExtJs Excel导出并下载IIS服务器端遇到的问题

2011/09/16 Javascript

Json和Jsonp理论实例代码详解

2013/11/15 Javascript

jQuery中eq()方法用法实例

2015/01/05 Javascript

JavaScript实现点击按钮直接打印

2016/01/06 Javascript

微信小程序（应用号）简单实例应用及实例详解

2016/09/26 Javascript

JS实现淡入淡出图片效果的方法分析

2016/12/20 Javascript

Angularjs实现搜索关键字高亮显示效果

2017/01/17 Javascript

jQuery Masonry瀑布流布局神器使用详解

2017/05/25 jQuery

详解Angular系列之变化检测(Change Detection)

2018/02/26 Javascript

vue实现未登录跳转到登录页面的方法

2018/07/17 Javascript

详解javascript中的Error对象

2019/04/25 Javascript

微信小程序之侧边栏滑动实现过程解析（附完整源码）

2019/08/23 Javascript

微信小程序连接服务器展示MQTT数据信息的实现

2020/07/14 Javascript

[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛败者组 BO3 第二场 8.23

2019/09/05 DOTA

python pickle 和 shelve模块的用法

2013/09/16 Python

Python文件和目录操作详解

2015/02/08 Python

Python实现计算文件MD5和SHA1的方法示例

2019/06/11 Python

Python3的高阶函数map,reduce,filter的示例详解

2019/07/23 Python

Python Pandas数据中对时间的操作

2019/07/30 Python

Numpy 中的矩阵求逆实例

2019/08/26 Python

Tensorflow tensor 数学运算和逻辑运算方式

2020/06/30 Python

利用Python将图片中扭曲矩形的复原

2020/09/07 Python

css3实现一款模仿iphone样式的注册表单

2013/03/20 HTML / CSS

基于css3 animate制作绚丽的动画效果

2015/11/24 HTML / CSS

什么是方法的重载

2013/06/24 面试题

六月份红领巾广播稿

2014/02/03 职场文书

不忘国耻振兴中华演讲稿

2014/05/14 职场文书

擅自离岗检讨书

2014/09/12 职场文书

对照检查剖析材料

2014/09/30 职场文书

2014年四风个人对照检查及整改措施

2014/10/28 职场文书

简历中的自我评价应该这样写！

2019/07/12 职场文书

PostGIS的安装与入门使用指南

2022/01/18 PostgreSQL

Elasticsearch 数据类型及管理

2022/04/19 Python