页面用一个遮罩层显示加载，加载完后隐藏该div

<div id="background" class="background" style="display: none; "></div>
<div id="progressBar" class="progressBar" style="display: none; "><img src="/content/5-121204194109.gif"></div>   

.progressBar {
        display: block;
        width: 65px;
        height: 65px;
        top: %;
        left: %;
        margin-left: -74px;
        margin-top: -14px;
        padding: 10px;
        text-align: left;
        line-height: 27px;
        font-weight: bold;
        position: fixed;
        z-index: ;
    }

    .background {
        display: block;
        width: %;
        height: %;
        opacity: 0.4;
        filter: alpha(opacity=);
        background: white;
        position: fixed;
        top: ;
        left: ;
        z-index: ;
        background-color: #;
    }   

 var ajaxbg = $("#background, #progressBar");
        ajaxbg.hide();
        $(document).ajaxStart(function () {
            ajaxbg.show();
        }).ajaxStop(function () {
            ajaxbg.hide();
        });