GridVied的加载带gif图片的，怎么做

Question

大家打开这个网址看看   http://www.dionly.com/diamond.asp，当我门选择上面的值时，点击立即搜索，下面的GridVied就会重新加载，并会出现gif加载图片， 不知道怎么做，请大家帮忙下，具体点，有代码最好，谢谢  

Answer 1

<asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  <Triggers>
  <asp:AsyncPostBackTrigger ControlID ="Button1" EventName ="Click" />
  </Triggers>
  <ContentTemplate>
  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
  </ContentTemplate>
  </asp:UpdatePanel>
  <asp:UpdateProgress ID="UpdateProgress1" runat="server">
  <ProgressTemplate>
  <span style =" font-size:12px">数据中......</span>
  </ProgressTemplate>
  </asp:UpdateProgress>
  <asp:Button ID="Button1" runat="server" Text="Button" Width="143px" OnClick="Button1_Click" />
或
 function document.onreadystatechange()
{
if (document.readyState=="complete") {  }
}
还有加载进度条
<script language="javascript" type="text/javascript">   
  document.write("<div id='loadDiv' style='padding-top: 250px; padding-left: 350px;font-size:x-large;height:400px'><span id='loading'><img src=\"../Images/loader2.gif\"/>正在加载数据，请稍候···</span></div>");  
  window.onload = function()
  {   
  document.getElementById("hiddenDiv").style.display="";   
  document.getElementById("loadDiv").parentNode.removeChild(document.getElementById("loadDiv"));   
    
  }   
  </script>

Answer 2

使用ajax控件
或是用div显示

Answer 3

GridView大全