<html>
<head>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<style type="text/css">
#loading{
width:100px;
height:10px;
background:#A0DB0E;
position:fixed;
left:0;
top:0;
border:1px solid black;
}
#loading div{
width:1px;
height:10px;
background:#F1FF4D;
font-size:5px;
}
</style>
<script type="text/
javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script type="text/javascript">
//jquery进度条效果,使用jquery animate动画方法
$(function(){
$('#loading div').animate({width:"85px"});
});
</script>
</head>
<body>
<div id="loading"><div><span>16%</span></div></div>
</body>
</html>