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

 更新时间:2012年10月24日 15:24:40   转载 作者:  
加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快,但是我们的网站越来越复杂,同时用户对网站的使用体验的要求也越来越高

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

Spin.js

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

源码下载    在线演示

 

Percentage Loader

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

源码下载    在线演示

 

jQuery Circular Progress Bar

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

css3 jquery loading animations and progress bars

源码下载    在线演示

 

jQuery Progress Bar

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

css3 jquery loading animations and progress bars

源码下载    在线演示

 

Animated jQuery Progressbar Plugin

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

css3 jquery loading animations and progress bars

源码下载    在线演示

 

Progressbar

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

css3 jquery loading animations and progress bars

源码下载    在线演示

 

jQuery High Quality Loader

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

css3 jquery loading animations and progress bars

源码下载    在线演示

 

Flickr Style Loading Animation Using JQuery

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

源码下载    在线演示

相关文章

  • jquery自定义属性(类型/属性值)

    jquery自定义属性(类型/属性值)

    属性的类型可以为:图片、文本框、按钮,然后选择需要设置的属性值:src、width、height、title、value等等,具体实现如下,感兴趣的朋友可以参考下哈
    2013-05-05
  • Jquery 动态生成表格示例代码

    Jquery 动态生成表格示例代码

    在某些特殊的情况下是需要动态生成表格的,下面为大家详细介绍下使用jquery是如何做到的,感兴趣的朋友不要错过
    2013-12-12
  • jQuery实时显示鼠标指针位置和键盘ASCII码

    jQuery实时显示鼠标指针位置和键盘ASCII码

    本文通过jquery技术实现鼠标指针位置和键盘ASCII码,非常具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-03-03
  • jQuery实现table表格checkbox全选的方法分析

    jQuery实现table表格checkbox全选的方法分析

    这篇文章主要介绍了jQuery实现table表格checkbox全选的方法,结合实例形式分析了jQuery事件响应与元素遍历实现table表格checkbox元素状态动态修改相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • jQueryUI如何自定义组件实现代码

    jQueryUI如何自定义组件实现代码

    第一次自定义jQueryUI Widget 又是第一次,现在的感受是jQueryUI Widget能让你代码组织得更好,风格更一致。
    2010-11-11
  • jQuery插件实现带圆点的焦点图片轮播切换

    jQuery插件实现带圆点的焦点图片轮播切换

    这篇文章主要介绍了jQuery插件实现带圆点的焦点图片轮播切换的代码,使用起来也非常的简单方便,有需要的小伙伴可以参考下
    2016-01-01
  • Jquery 选中表格一列并对表格排序实现原理

    Jquery 选中表格一列并对表格排序实现原理

    该实现的主要思想是:获取鼠标点击的表头单元格的列号,遍历数据行,获取每个<tr>中的html,同时获取每个<tr>标签下对应获取到的列号的<td>标签中的内容,并取得<th>标签的type属性值,需要的朋友可以了解下
    2012-12-12
  • jquery 表单验证之通过 class验证表单不为空

    jquery 表单验证之通过 class验证表单不为空

    在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。
    2015-11-11
  • 基于jQuery的select下拉框选择触发事件实例分析

    基于jQuery的select下拉框选择触发事件实例分析

    这篇文章主要介绍了基于jQuery的select下拉框选择触发事件实现方法,结合实例形式分析了常用浏览器对select触发事件的兼容及实现触发的相关技巧,需要的朋友可以参考下
    2016-11-11
  • jQuery幻灯片带缩略图轮播效果代码分享

    jQuery幻灯片带缩略图轮播效果代码分享

    这篇文章主要介绍了jQuery实现幻灯片带缩略图轮播特效,图片可以自行替换,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08

最新评论