Agregar barra o imagen de cargando mientras no haya terminado de cargar todos los elementos

[unix4you2]

Autor: @rafaelposadaf
Esto con el fin de que el usuario tenga una interfaz mas interactiva

Te doy algunas ideas:

una iamgen tipo spin cargando asi:
https://www.shutterstock.com/video/clip-22263091-loading-progress-circle-seamless-loop-animation
https://ihatetomatoes.net/create-css3-spinning-preloader/

Esta anterior podria ser tipo trasparente pero que se vea el fondo algo oscuro como los modal
a esta agregarle depronto una x para que si el cliente quiere la pueda quitar
y por último que pueda ser parametrizable por si se quiere quitar del todo, habilitar o agregar otra imagen
por último seria chevere que esta opción solo cubra el body, que no cubra todo el sitio web