ASP.NET Modal (遮蔽頁面)

Modal是用在當網頁可能需要一段執行時間才能完成，在執行期間要避免使用者誤按頁面功能，因為誤觸頁面原件可能導致發生重複插入資料，意外中止執行或是其他因素導致發生資料錯誤等情況。Modal 是在網頁上面產生一個Popup視窗或是一個遮蔽頁面，遮蔽頁面原件，待頁面執行完畢後才清除遮蔽，以達到遮蔽頁面原件的功能。

.aspx

<asp:updateprogress associatedupdatepanelid="UPDATEPANELID" 
id="updateProgress" runat="server">
<progresstemplate>
<div id="progressBackgroundFilter"></div>
<div id="processMessage"> Loading...<br /><br />
<img alt="Loading" src="images/ajax-loader.gif" />
</div>
</progresstemplate>
</asp:updateprogress> 

CSS

#progressBackgroundFilter {
position:fixed; 
top:0px; 
bottom:0px; 
left:0px;
right:0px;
overflow:hidden; 
padding:0; 
margin:0; 
background-color:#000; 
filter:alpha(opacity=50); 
opacity:0.5; 
z-index:1000; 
}
#processMessage { 
position:fixed; 
top:30%; 
left:43%;
padding:10px; 
width:14%; 
z-index:1001; 
background-color:#fff;
border:solid 1px #000;
}