Creating a AJAX Refresh bar

Lets Create a AJAX Loading Bar for a ASP.NET  web application 😀 .Its a Really simple design with few lines of code ..

You will need some pre requisites for this design .Im using Microsoft Visual Web Developer 2008 Express Edition even you can use  Microsoft Visual Studio

  • First Create a AJAX enabled web site
  • Create a ASP Page (AJAX Web Form)
  • Insert Update Panel from AJAX Extensions in toolbox
  • Then Place the Controller inside that that panel (Example – If you want to load in a button click place a button)


To see the animation visible to some time we have to create a artificial network delay.

Private sub Buttion1_click()


‘time is in milliseconds

End sub

Coding 2

Next step is we must visually show the loading bar.

for this we need a Animated Gif File..Like this

ajax-loaderYou can easily create these kind of animations form

  • To the AJAX Form internet the Update Progress Control AJAX Extensions in toolbox
  • Inside that panel place the Animated GIF File

I think you are done !

Here a Screen cap from a sample project used AJAX Refresh bar.

Share this post

Related Posts

5 thoughts on “Creating a AJAX Refresh bar”

  1. ruzeen says:

    tutorial එක නම් මැක්ස. ඔහොම යමු! 🙂

  2. hanxlk says:

    Its kinda more messy in PHP yet i prefer that but I like the way how Microsoft has come up with it…
    Nice post..

  3. breakups says:

    More people need to read this and understand.. keep it up…

  4. Stephania Wewerka says:

    I admire what you have done right here. Nice post. keep writing..

  5. crazyneo says:

    To the AJAX Form internet the Update Progress Control AJAX Extensions in toolbox ” wot does ths mean ?

Comments are closed.