项目请求"进度条"实现方法

当一个程序正在运行的加载事件过长的话，要有良好的用户体验，进度条是不可缺少的。使用了JqueryEasyUI实现读取进度条

easyUi进度条样式：

<div id="p" class="easyui-progressbar" style="width:400px;"></div>

进度条递增实现：

var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}

将进度条在页面的上层显示css修饰：

#loading{
position:fixed;
left:50%;
top:50%;
margin-left:-200px;/* 宽度一半*/
margin-top: -170px; /* 高度一半*/
}

ajax请求控制进度条的显示：

$.ajax({
beforeSend: function(){} //ajax请求开始回调函数
complete: function(){}  //ajax请求结束回调函数
});