加载动画和进度条在网站和[b]Web[/b] 应用中的使用非常流行。虽然网速越来越快，但是我们的网站越来越复杂，同时用户对网站的使用体验的要求也越来越高。在内容加载缓慢的时候，使用时尚的加载动画和进度条告诉用户还有内容正在加载是一种非常好的方式。今天这篇文章向大家推荐10款基于[b]jQuery[/b] 实现的加载动画和进度条插件。 Spin.js 最喜欢这款插件了，动画图片的长度、粗细、速度和角度都可以灵活控制，想要做成什么样都可以。 [img]http://files.jb51.net/file_images/article/201210/201210241517092.jpg[/img] [b][url=https://github.com/fgnass/spin.js/zipball/gh-pages]源码下载[/url][/b]    [b][url=http://fgnass.github.com/spin.js/]在线演示[/url][/b] [b][/b]  Percentage Loader 一款轻量的 jQuery 进度条插件，以百分比的形式呈现加载进度，同时显示已加载的内容大小。 [img]http://files.jb51.net/file_images/article/201210/201210241517093.jpg[/img] [b][url=https://bitbucket.org/Better2Web/jquery.percentageloader/get/75b8a74983b3.zip]源码下载[/url] [/b]   [b][url=http://widgets.better2web.com/loader/]在线演示[/url][/b]   jQuery Circular Progress Bar 这款环形进度条加载插件可以非常灵活的定制外观、加载速度以及设置特定的进度值。 [img]http://files.jb51.net/file_images/article/201210/201210241517094.jpg[/img] [b][url=http://p.ar2oor.pl/cprogress/jCProgress-1.0.3.js]源码下载[/url][/b]    [b][url=http://p.ar2oor.pl/cprogress/]在线演示[/url][/b]   jQuery Progress Bar 一款非常简单的百分比进度条插件，可以参数灵活的控制百分比的增减，有动画效果。 [img]http://files.jb51.net/file_images/article/201210/201210241517095.jpg[/img] [b][url=http://www.webappers.com/progressBar/]源码下载[/url][/b]    [b][url=http://www.webappers.com/progressBar/]在线演示[/url][/b]   Animated jQuery Progressbar Plugin 这款 jQuery 插件可以显示加载进度和剩余时间，有详细的制作教程可以学习参考。 [img]http://files.jb51.net/file_images/article/201210/201210241517096.jpg[/img] [b][url=http://www.script-tutorials.com/animated-jquery-progressbar/]源码下载[/url][/b]    [url=http://www.script-tutorials.com/demos/129/index.html]在线演示[/url]   Progressbar 这是基于 jQuery UI 的进度条插件，可以通过 jQuery UI 的主题功能定制外观。 [img]http://files.jb51.net/file_images/article/201210/201210241517097.jpg[/img] [b][url=http://jqueryui.com/demos/progressbar/#animated]源码下载[/url][/b]    [b][url=http://jqueryui.com/demos/progressbar/#animated]在线演示[/url][/b]   jQuery High Quality Loader Bestloader 是一款高质量的 jQueyr 加载进度插件，支持 Retina 显示，需要付费。 [img]http://files.jb51.net/file_images/article/201210/201210241517098.jpg[/img] [b][url=http://codecanyon.net/item/jquery-high-quality-loader-apng/2618577]源码下载[/url][/b]    [b][url=http://codecanyon.net/item/jquery-high-quality-loader-apng/full_screen_preview/2618577]在线演示[/url][/b]   Flickr Style Loading Animation Using JQuery 基于 jQuery 实现的类似 Flickr 的加载动画效果，有非常详细的制作教程。 [img]http://files.jb51.net/file_images/article/201210/201210241517099.jpg[/img] [b][url=http://www.box.net/shared/iy0a5hl401]源码下载[/url][/b]    [b][url=http://demo.superdit.com/jquery/flickr_loading_animation/]在线演示[/url][/b]