Display Loading Message in ASP.Net

Applications take time to perform an action. As I developer, I realized that it is crucial to make users aware of how long will it take a page to load, otherwise they will just close the page thinking that the application got stuck. For that reason, in this article, I will give you a step-by-step guide on how to display a Loading Message in ASP.NetGetting Started

1. Open your ASP project with Visual Studio

2. Open the page (.aspx) or User Control (.ascx) in which you want to display your loading message. For the purpose of this tutorial, I will use the master page:

open page project visual studio

3. First, let’s add the “updateProgress” control:

<asp:UpdateProgress id="updateProgress" runat="server">

asp updateprogress windows hosting arvixe

4. Let’s complete by adding the rest of the “Loading Message” code:

<asp:UpdateProgress id="updateProgress" runat="server">
        <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
            <span style="border-width: 0px; position: fixed; padding: 50px; background-color: #FFFFFF; font-size: 36px; left: 40%; top: 40%;">Loading ...</span>

complete code loading message aspnet arvixe hosting

5. And that’s it! The loading page is working as expected!

loading message asp working arvixe

This Concludes Display Loading Message in ASP.Net

Looking for quality Windows Hosting? Look no further than Arvixe Web Hosting!

Happy Hosting

Tags: , , , , , , , , , , , | Posted under ASP .NET 3.5, ASP .NET 4.0, WebsitePanel Tutorials | RSS 2.0

Author Spotlight

Rodolfo Hernandez

I like photography and reading books. Currently working for Arvixe as Elgg Community Liaison. Elgg Security Expert Web Security Expert CEO of UDP SW Social Web

Leave a Reply

Your email address will not be published. Required fields are marked *