前一陣做一個項目，在處理報表的時候時間偏長，客戶提出要做出一個等待窗口提示用戶等待（頁面太久沒反映，用戶還以為死了呢）。在分析這一需求之后，覺得如果要實現像winform應用中的processbar太困難了。最后，只好模擬，做了一個“假”的等待窗體，還好客戶也挺滿意。

這個等待窗體實際上是利用了<object>標簽完成的。因為動態效果由<marquee>完成，該等待窗體顯示出來的時候，整個table是透明的，只有中間的過程條在動，后面的任何按鈕都不能點擊。

首先做一個靜態頁面：downloadExcel.html

<!-- .tborder { BORDER-RIGHT:#333333 2px solid; BORDER-TOP:#333333 2px solid; BORDER-LEFT:#333333 2px solid; BORDER-BOTTOM:#333333 2px solid; border-collapse:collapse; } .tborder1 { BORDER-RIGHT:#cccccc 3px solid; BORDER-BOTTOM:#cccccc 3px solid; border-collapse:collapse; } .dropShadow {filter:dropshadow(color=#a9a9a9,offx=2,offy=2,positive=true)} -->

報表生成中，請稍等... ? ? ? ? ? ? ? ? ? ?

然后在處理畫面中加上這么一段：

<TABLE border="0" id="processBarMask" bgcolor="#cccccc" style="VISIBILITY:hidden; POSITION: absolute" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<object type="text/x-scriptlet" id="objProcessBar" style="z-index:65535;" width="302" height="102" data="downloadExcel.html"></object>
</TD>
</TR>
</TABLE>

一開始是隱藏起來的。當點擊處理按鈕之后，就將它顯示出來：

<SCRIPT language="javaScript">
var firstFlg = "0";

function processStart(){
with(document.all.processBarMask.style){
top = 0;
width = "100%";
height = "100%";
visibility = "visible";
}
document.all.processBarMask.focus();
}

function processEnd(){
document.all.processBarMask.style.visibility = "hidden";
}
</SCRIPT>

最后給處理按鈕加上處理：

<input type="button" id="btnOK" value="OK" οnclick="processStart()" style="width:80px">

轉載于:https://www.cnblogs.com/ranran/p/3843143.html

總結

以上是生活随笔為你收集整理的ASP.NET制作一个简单的等待窗口的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。