Show Progress Indicator Sample Example

This demo introduces a progress display to the Basic Sum Demo. It's a simple animated GIF that shows up while waiting for the sum to return.

To the initial HTML, an Img tag has been added to include the animation, initially hidden by the corresponding script.

  <img id="progress" src="progress.gif" />

  window.onload = function() {
    $("progress").style.visibility = "hidden";
    ...
  }

Now all we have to do is show the animation upon submitting and hide it when the result is in.

 function submitSum() {
   $("progress").style.visibility = "visible";
   ...
 }

 function onSumResponse(text, headers, callingContext) {
   $("progress").style.visibility = "hidden";
   ...
 }

Tags: progress indicator example, simple example, html, animation

Can't find what you're looking for? Try Google Search!

	Web eshwar123.blogspot.com