Como mostrar barra de progreso mientras se carga la pagina?

[joss23]

Buenos días a todos!

Mi consulta es la siguiente:

Tengo una página HTML con una mini-aplicacion que inventé para lo que necesito, super sencillita solo con HTML y JavaScript. El caso es que esta página tiene muchos layers (cada uno con una imagen) 'ocultos' desde un principio, y cuando se entra en la página en seguida se muestra todo el contenido inicial, por lo que parece que esté completamente cargada, sin embargo las imagenes de estos layers tarda un momento en terminar de cargarlas, y si se llama a uno de los layers antes de que su imagen se haya cargado, no aparece nada y da la sensación de que el sistema no funcione.

Para evitar esta mala impresión quiero poner una típica barra de progreso nada más entrar en la página, mientras se carga todo el contenido tanto visible como oculto, y cuando se complete la carga desaparezca. He estado buscando pero solo encuentro ejemplos para programas y aplicaciones mucho más avanzadas, o por lo contrario, scripts que dan el efecto de una de dichas barras que progresa hasta llegar al final, para decorar, sin que realmente se cargue nada.

Saben cómo podría hacerlo??

Muchas gracias de antemano!