Barre de chargement sur un site

Bonjour à tous !
Je suis entrain de réaliser un petit projet et je me plante sur un truc.
J'aimerais faire une barre de chargement du site, vous voyez, un peu comme la petite ligne sur Chrome (Android) qui avance et présente le chargement du site.
Je me dis que c'est probablement à faire en JavaScript mais j'y connais rien du tout....????????????

Quelqu'un a une idée?

On pouvait faire ça dans le temps avec Flash il y a 15-20 ans car tout était contenu dans un fichier swf dont on connaissait la taille au départ et on pouvait observer la progression du chargement de ce fichier...

Par contre avec les techniques d'aujourd'hui ... librairies chargées de partout, lazy loading, CDN, etc .... je vois pas comment on peut faire ça...

dans le cas d'Android tu dois faire référence au chargement d'un fichier ou d'une appli, c'est pas tout à fait pareil...

Salut
j'ai vu plein de choses sur le web, traitant de ça.
j'ai trouvé ceci : https://www.synbioz.com/blog/tech/barre-chargement-css

Guillaume

Salut,

Oui tu as la partie CSS de ta bar de chargement, c'est pas trop mal, maintenant il te faut le côté Dynamique c'est à dire le pourcentage REEL du calcul du chargement de ta page.

tu as également des librairie pour ça
https://loading.io/progress/

et ici tu as un exemple de progress bar avec AJAX
http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/
Modifié par JENCAL (28 Aug 2020 - 09:54)