5种ajax加载进度条效果_jquery进度条插件

众所周知如果要在web页面中使用ajax加载，加载动画的引入，可以让用户预判等待的时间，而且还可以减少用户等待信息加载过程中的心理焦虑感，加载动画必不可少。
对于ajax加载动画，有的使用gif图片动画，有的使用js生产的动画，今天向大家分享一款具备五种不同方向的ajax加载进度条特效，该加载动画由js动态生成。
使用方法
引用js和css文件
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.loadingbar.js"></script>
<link rel="stylesheet" type="text/css" href="css/loadingbar.css" />
js调用
 $("#clickme").loadingbar({
	      done: function(data) {
	        $.each( data.items, function( i, item ) {
	          $( "<img/>" ).attr( "src", item.media.m ).prependTo( $("#frame") );
	          if ( i === 2 ) {
	            return false;
	          }
	        });
	      }
	    });