jsp页面进度条加载

<div id="AjaxLoading" class="showbox">
<div class="loadingWord"><img src="<%=basePath%>images/match/waiting.gif"  />加载中，请稍候...</div>
</div>

function showWaitTipFn(){//显示加载进度条
$(".loadingWord").css({'display':'block'});
$(".showbox").stop(true).animate({'margin-top':'300px','opacity':'1'},200);

}

function hideWaitTipFn(){//隐藏进度条
$(".loadingWord").css({'display':'none'});
$(".showbox").stop(true).animate({'margin-top':'250px','opacity':'0'},400);

}