Friday, May 11, 2012

Cool Progress Bar in C#,Asp.net


 This example shows you how to display a interactive progress bar while work is in progress.For doing this you need a gif image file which gives a good look for progress.
Like this one :
Then You must have an update panel in web form.Now implement the code given below.You can change image and text as per your need.

<asp:UpdateProgress ID="UPdtProgress" runat="server"
                   AssociatedUpdatePanelID="upTakeAttendance">
        <ProgressTemplate>
                <img ID="imgProgress" runat="server" alt="Work is in Progress" 
                           src="~/PayRoll/images/progressbar.gif" height="17" width="100" /><br />
                 <span style="color: #FF0000;  font-size: small;">  Please Wait</span>
          </ProgressTemplate>
 </asp:UpdateProgress>

Output will look like this -:


1 comment: