Wednesday, 9 December 2015
Display Progress Bar in ASP.NET,C#.NET
Display progress bar in webpages like aspx, html use below code:(Asp.Net)
Steps:
<asp:UpdatePanel ID = "updatepanelid" runat = "server">
<ContentTemplate>
<asp:UpdateProgress runat="server" ID="UpdateProgress" AssociatedUpdatePanelID="updatepanelid" DynamicLayout="true" DisplayAfter="5">
<ProgressTemplate>
<div class="loading" align="center" id="divloader" style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: white; opacity: 0.7;">
<div style="padding: 10px; position: fixed; top: 40%; left: 48%;">
<img src="Images/LoadingBlue.gif" /><br />
<span style="color: darkblue;">Please Wait......</span>
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
Steps:
- You need to add Loading image in solution folder / any where.
- Using this code you must and should use UpdatePanel in your webpage.
- Here you set UpdatePanelId to AssociatedUpdatePanelID property.
<asp:UpdatePanel ID = "updatepanelid" runat = "server">
<ContentTemplate>
<asp:UpdateProgress runat="server" ID="UpdateProgress" AssociatedUpdatePanelID="updatepanelid" DynamicLayout="true" DisplayAfter="5">
<ProgressTemplate>
<div class="loading" align="center" id="divloader" style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: white; opacity: 0.7;">
<div style="padding: 10px; position: fixed; top: 40%; left: 48%;">
<img src="Images/LoadingBlue.gif" /><br />
<span style="color: darkblue;">Please Wait......</span>
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment