Progress bar in web application using C# and asp.net

Question

Hi,

I need to have 2 progress bars in my application:

(i) Circular graphical progress bar (busy indicator)

as shown in the link [15.1.3] when the page is postback and

(ii) A determinate progress bar as shown in the link [15.1.1] with showing percentage when i update or load data into the grid which i use in my appln.

Can any1 help me with code snippets and how i can proceed with my .aspx and .aspx.cs files in order to obtain these progress bars for my apllication???

URGENT...............

Answer 1

You can use an UpdateProgress control for the busy indicator, which is very easy:

   <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="0">
       <ProgressTemplate>
           <div>
               <img src="../Resources/Images/indicator.gif" />
               Loading...
           </div>
       </ProgressTemplate>
   </asp:UpdateProgress>

But a progress bar is going to require a bit more work. You'll need to run a background thread to do the work, and you'll then need to periodically post back to check the value of, say, session variable to get your current progress.

Answer 2

Can any1 reply to this???? it's Urgent :( ..................

the following is my code........

(i) but i cudnt find the circular progress bar appearing in my web page when i postback or update etc.......What should I do inorder for the circular progress indicator to appear in the centre of my web page when the page is postback...???

(ii) also I wanna know how to proceed with the determinate progress bar???

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="0">
   <ProgressTemplate>
       <div>
           <img src="http://developers.sun.com/docs/web-app-guidelines/uispec4_0/progress_graphics/asynch-1F.gif" />
           Loading...
       </div>
   </ProgressTemplate>

 

Answer 3

Can't do your homework for you.