Page view counter

[How Do I:] Use the ASP.NET AJAX UpdateProgress Control?

Please install Silverlight or click download to watch video locally.

In an AJAX application there is often a noticeable pause between the time the browser makes a network request and the time the browser receives a response. To let the user know that the network conversation is taking place, the ASP.NET AJAX UpdateProgress control provides immediate feedback by displaying an animated image, 'loading' text, or other HTML that disappears once the network response is received.

Presented by Joe Stagner

Duration: 6 minutes, 12 seconds

Date: 20 March 2007

Watch    Video   |   Download    Video   |   VB Code    C# Code

Video downloads: WMV  |  Zune  |  iPod  |  PSP  |  MPEG-4  |  3GP

Audio downloads: AAC  |  WMA  |  MPEG-4  |  MPEG-3  |  MPEG-2

Comments : 29

Leave a Comment

parthrawal : On April 02, 2008 2:13 AM said:

REALLY AMAZING..!!

cimscims : On April 02, 2008 11:33 AM said:

Nice one..It's quick to implement..

Thanks

kiran.koyelada : On April 18, 2008 1:48 AM said:

But how to we know how much time to responsed the user request by server  means normal request it will take 3 sec for suppose database reqest it will take more time how we will identify

jmhemadri : On April 22, 2008 7:52 AM said:

Thank You for your great article. But I have a doubt. In your example to display progress image, You have used sleep method. But I don't want use sleep method. In some situtaion we don't exact time. at this time how to implement updateprogress.

caesar-e : On April 24, 2008 2:12 AM said:

jmhemadri,

You don't need to know the exact time. He uses sleep in this example to 'simulate' server load time. In a real case scenario you do not need to do anything. Just enter your code as your normally would. Any 'loading' time the user experiences will trigger the update progress control and display whatever image or text you have placed inside the control automatically. Once the loading has finished the progress control will automatically stop showing the text or image.

Hope that makes sense lol.

dotnetdevNL : On June 05, 2008 10:57 AM said:

Is there some easy way to let the updateprogress-image (or whatever) replace the item which is being updated?

ponrajadev : On June 30, 2008 10:14 AM said:

it was a good one to watch.

Thanks.

alexey_kay : On July 06, 2008 7:58 AM said:

Is there any way that the update process panel can trigger one object to become hidden?

Cheers

dev777 : On August 04, 2008 5:01 PM said:

is there any way to make the cursor busy too?

cv_vikram : On August 06, 2008 2:47 PM said:

Very good tutorial.....thanks

rwilliams4th : On August 29, 2008 6:08 PM said:

Here's a cool site for generating animated loading graphics

http://www.ajaxload.info

John Cong : On September 08, 2008 11:10 PM said:

thank you sooooooooooooooooooooooo much!

Pc_boy_joshua_15 : On September 11, 2008 8:24 PM said:

How do you add this a hyperlink/picture/or whtaever instead of a button??

mcr_subbu : On September 17, 2008 1:53 PM said:

Really very helpful!!

pcdebb : On September 21, 2008 4:12 AM said:

oh man this was super easy, now i gotta find (or make) an animated gif to work with my site.  Thank you lots :)

pcdebb : On September 21, 2008 4:20 AM said:

rwilliams4th, excellent resource!!

jccastillo : On October 01, 2008 11:22 AM said:

Joe stagner you are the men

farah_alajam : On October 05, 2008 3:04 AM said:

thanksssssss alot

zerocoolZeroCool : On October 23, 2008 6:50 AM said:

Hi Joe,

I am wondering when you could reach me.

I am having a Master Page and a Child Page that have many

Asynchronous Post-back controls. ( Buttons, Textboxs, GridViews and so on)

So, i need to implement Ajax Progress to each and every Post-back control. In that user may Visualize which control is in Progress ( in Post back mode) and so on.

So in this way My page may have many Postback control user may triggers the event and showing each and evry control is in Progress ( in Post back mode).

This is great if you could provide me a working sample.

Thank you any way.

ZeroCool.

filipp88 : On January 20, 2009 7:28 AM said:

and that is it =)

here is a good site with gif images http://www.ajaxload.info/

agharta : On January 23, 2009 3:32 PM said:

This is great stuff but what do I do if I have a long running process that runs multiple web services?  I'm creating an application that retrieves a list of keys from a data warehouse, connects to Documentum to extract tif files of scanned documents and the files Documentum indexes, and writes the indexes and a link to excel so that the extract can be burned to a DVD (for portability, the DVD is provided to a vendor).

I want to be able to have the messages change or get stacked, like this:

Extracting part numbers...

Retrieving document images...

Creating Excel file...

agharta : On January 25, 2009 10:22 AM said:

Actually,regarding the prior question, I have a solution but it may be a bit of a kludge. I say "kludge" because it would mean my first call would need to store the part numbers retrieved in an XML file for use in the next call.  I can use your example the example of the persistent connection that modifies the innerHTML of a DIV (w/o the update panel).   I could set up a counter variable.  Each time I call the service I could pass in an argument that is the value of the counter variable (as a step) and the service would complete the step passed in.  I could then pass that step back into the onComplete event handler (as the Data parm) and add to the message displayed to the user based on that parm.  Does this seem a workable (and well designed) approach?

rami_nassar : On February 10, 2009 11:30 PM said:

good work, thanks man

dotnetmacha : On March 12, 2009 7:23 AM said:

Really good, but while i tried in my system , UpdateProgress is not showing image , why?

RetoKummer : On March 31, 2009 1:13 PM said:

thank you for this great video-insight. It really helped me to understand how to use the update progress

shilpa.gururao : On May 07, 2009 4:06 AM said:

thanks rwillianms4th, I got GIF animated images, which i was searching from long time

chandradev1 : On May 09, 2009 5:37 AM said:

good work, thanks

Danil Snissarenko : On June 04, 2009 11:00 AM said:

Wow it's very simple, thank you !!!

:)

anurag_sinha : On June 11, 2009 8:53 AM said:

How can i impliment multipal process indicator on multipale event

Leave a Comment

You must be logged in to leave a comment. Click here to log in.

Microsoft Communities