Realice una acción onclick en el button de parada del browser

Disculpas si esto es simplist; Soy nuevo en JQuery. He buscado y encontrado preguntas como esta , pero no parecen responder mi pregunta.

Estoy usando JQuery para mostrar un indicador de progreso tonto para acciones que llevan mucho time:

$(document).ready(function() { $('form').submit(function() { $('#progress').show(); }); }); 

Cuando el usuario hace clic en un button de formulario, solo muestro un div con un gif animado. Este div es visible por el rest del time que la página es visible. Una vez completada la acción del formulario, se carga una nueva página.

Esto funciona bien, pero ¿qué ocurre si el usuario hace clic en "detener" en el browser antes de que la acción finalice? ¿Cómo puedo hacer que el div desaparezca? ¿Hay alguna manera de atrapar este evento, o hay una mejor manera de manejar toda la situación?

Gracias por tu ayuda.

Puede usar el evento "onstop" para manejar esto, pero solo funcionará para IE. Creo que no puedes manejar ese evento para otros browseres.

Lo que puede intentar es hacer que el cuadro de dialog de progreso desaparezca después de un pequeño time de espera:

 $('form').submit(function() { $('#progress').show(); setTimeout(function(){ $('#progress').hide(); },3000); });