Question

How can i stop “progress bar gif image” when i stopped processing by clicking “Stop Loading This Page” in web browser? When i clicked submit button then loading.gif image is displayed and now if i clicked to stop browser’s stop button then also that loading.gif is still running, how can i stop it? Gif should be stopped when browser’s stop is clicked but it is not stopping and continuing. How can i solve it?

//Here when submit button is clicked then loading.gif image is displayed

 <input onclick="showImg()" type="submit" name="submit" value="Search"/>

 <img alt="" src="loading.gif" id="progress_img" style="visibility:hidden;">

 <script language="javascript" type="text/javascript">
 function showImg()
 {
 if (document.getElementById) { (document.getElementById("progress_img")).style.visibility = "visible"; }
 }
 </script> 

Answer 1

You can simply hide the gif when the “stop” browser button is clicked.

document.onstop = function() {
     (document.getElementById("progress_img")).style.visibility = "hidden";
}