编程 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 Prototype对象

Jan 07 Javascript

js实现双向链表互联网机顶盒实战应用实现

Oct 28 Javascript

Javascript 闭包引起的IE内存泄露分析

May 23 Javascript

浅谈javascript 函数内部属性

Jan 21 Javascript

JS基于HTML5的canvas标签实现炫目的色相球动画效果实例

Aug 24 Javascript

详解利用 Vue.js 实现前后端分离的RBAC角色权限管理

Sep 15 Javascript

详解Vue微信授权登录前后端分离较为优雅的解决方案

Jun 29 Javascript

JS前端知识点总结之内置对象，日期对象和定时器相关操作

Jul 05 Javascript

微信小程序从注册账号到上架（图文详解）

Jul 17 Javascript

JS实现贪吃蛇游戏

Nov 15 Javascript

JsonServer安装及启动过程图解

Feb 28 Javascript

解决vant title-active-color与title-inactive-color不生效问题

Nov 03 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

YII中assets的使用示例

2014/07/31 PHP

PHP并发多进程处理利器Gearman使用介绍

2016/05/16 PHP

javascript css styleFloat和cssFloat

2010/03/15 Javascript

JavaScript接口实现代码（Interfaces In JavaScript）

2010/06/11 Javascript

ASP.NET jQuery 实例8 (动态添加内容到DropDownList)

2012/02/03 Javascript

js关闭浏览器窗口及检查浏览器关闭事件

2013/09/03 Javascript

js正则表达式匹配数字字母下划线等

2015/04/14 Javascript

AngularJS自动表单验证

2016/02/01 Javascript

关于JavaScript作用域你想知道的一切

2016/02/04 Javascript

漂亮! js实现颜色渐变效果

2016/08/12 Javascript

浅谈JQ中mouseover和mouseenter的区别

2016/09/13 Javascript

实例解析jQuery中如何取消后续执行内容

2016/12/01 Javascript

JQuery异步提交表单与文件上传功能示例

2017/01/12 Javascript

深入理解JavaScript中的尾调用(Tail Call)

2017/02/07 Javascript

canvas简单快速的实现知乎登录页背景效果

2017/05/08 Javascript

react-router JS 控制路由跳转实例

2017/06/15 Javascript

[js高手之路]原型式继承与寄生式继承详解

2017/08/28 Javascript

JS Input里添加小图标的两种方法

2017/11/11 Javascript

微信小程序实现复选框效果

2018/12/28 Javascript

NodeJs之word文件生成与解析的实现代码

2019/04/01 NodeJs

为什么JavaScript中0.1 + 0.2 != 0.3

2020/12/03 Javascript

js实现鼠标切换图片（无定时器）

2021/01/27 Javascript

[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀

2014/07/10 DOTA

解决安装python库时windows error5 报错的问题

2018/10/21 Python

Keras构建神经网络踩坑(解决model.predict预测值全为0.0的问题)

2020/07/07 Python

关于python scrapy中添加cookie踩坑记录

2020/11/17 Python

CSS3 透明色 RGBA使用介绍

2013/08/06 HTML / CSS

CSS3 Flex 弹性布局实例代码详解

2018/11/01 HTML / CSS

PHP两种查询函数array/row的区别

2013/06/03 面试题

应届毕业生求职自荐书

2014/01/03 职场文书

蓝颜请假条

2014/04/11 职场文书

铣工实训报告

2014/11/05 职场文书

教师先进事迹材料

2014/12/16 职场文书

社区扶贫帮困工作总结

2015/05/20 职场文书

家庭贫困证明

2015/06/16 职场文书

地震捐款简报

2015/07/21 职场文书