Botón cancelar en el navegador

[crenpeva]

Soy programador de backend, pero también me gusta el frontend, actualmente estoy diseñando mi sitio, pero tengo una duda.
Tengo una informe que genera un listado de unas 50 a 100 paginas dependiendo del rango de fecha y algunos otros parámetros. Puse una imagen dando vueltas (típica rueda) que cuando la pagina termina de cargarse esta desaparece.
El tema es que también quiero que desaparezca cuando le doy cancelar en el navegador, y no lo hace. Estoy usando :
$( window ).on( "load", function() {
console.log( "2 - Ha ocurrido window.load: ventana lista" );
var el = document.getElementById("container");
el.style.display = 'none';
});

Y funciona perfecto pero solo cuando la pagina se termina de cargar no asi al cancelar. Como lo hago para que funcione en ambos casos.