Hace tiempos me he estado preguntando como se hacen los loading... o los progressbar, en muchos casos los he visto que les da un tiempo de espera (por medio del código).

Mi duda es como hacerlo, en tiempo de real... Es decir, cuando se carga un archivo o cuando la página esta cargando al iniciar.

Exacto, pero hacerlo de tiempo real, por ejemplo cuando una pagina se carga se muestra una imagen de {cargando...} mientras se termina de cargar la pagina.