نمایش تصویر Loading هنگام ساخت گزارش

[skd_prog]

با سلام خدمت همه دوستان
من یک مشکل در نرم افزار تحت وب توشته شده با C#‎ دارم
من بک قایل تصویری loading دارم
به طور مثال من یک گزارش در برنامه دارم و می خواهم رمانی که کاربر بر روی دکمه تهیه گزارش کلیک می کند فایل تصویری لودینگ تا زمانی که گزارش کامل نشده نمایش داده شود و به محض نمایش نتیجه گزارش فایل لودینگ نمایش داده نشود
مشابه کد زیر را نوشته ام اما متاسفانه کار نمی کند
(کد زیر در کلیک دکمه نوشته شده است)
ImgLoading.Visible = true;
GridView1.DataBind();
ImgLoading.Visible = false;
اما متاسفانه فایل نمایش داده نمی شود . یعنی علارقم اینکه دستور GridView1.DataBind(); ممکن است 10 ثانیه طول بکشد و من در دستور قبلی ImgLoading.Visible = true را انجام داده ام اما تا اتمام همه دستورات فایل لودینگ نمایش داده نمی شود
یعنی علارقم اینکه بین دستورات ImgLoading.Visible = true; و ImgLoading.Visible = false; ممکن است بیشتر از 10 ثانیه زمان باشد اما هردو دستور همزمان و در اخر event اجرا می شوند
لطفا راهنمائی نمائید.
با تشکر

[fakhravari]

<form id="form1" runat="server">
<script type="text/javascript">
function MyFunc2() {
document.getElementById('Panel1').style.display = 'inherit';
}
</script>
<asp:Panel ID="Panel1" runat="server" Style="top: 132px; left: 335px; position: fixed;
height: 62px; width: 299px; color: #FF9933; background-color: #FFCC00;">
vvvvvvvvvvvvvvvvvvvvvv
</asp:Panel>
<script type="text/javascript">
document.getElementById('Panel1').style.display = 'none';
</script>
<asp:Button ID="Button1" runat="server" Text="show" OnClientClick="MyFunc2();" OnClick="Button1_Click" />
</form>
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000);
Panel1.Style.Add(HtmlTextWriterStyle.Display, "none");
}

[ya30ien2]

<form id="form1" runat="server">
<script type="text/javascript">
function MyFunc2() {
document.getElementById('Panel1').style.display = 'inherit';
}
</script>
<asp:Panel ID="Panel1" runat="server" Style="top: 132px; left: 335px; position: fixed;
height: 62px; width: 299px; color: #FF9933; background-color: #FFCC00;">
vvvvvvvvvvvvvvvvvvvvvv
</asp:Panel>
<script type="text/javascript">
document.getElementById('Panel1').style.display = 'none';
</script>
<asp:Button ID="Button1" runat="server" Text="show" OnClientClick="MyFunc2();" OnClick="Button1_Click" />
</form>
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000);
Panel1.Style.Add(HtmlTextWriterStyle.Display, "none");
}
آقای فخرآوری میشه در مورد کد توضیح بدید
چون این کد که شما گذاشتین ما باید بهش زمان بدیم
حالا اگه بخوایم تا زمانی که کاری به اتمام نرسیده نشون بده چیکار باید بکنیم؟

[fakhravari]

protected void Button1_Click(object sender, EventArgs e)
{
دستورات
.
.
.
.
.
و در آخر

Panel1.Style.Add(HtmlTextWriterStyle.Display, "none");
}