Barre de progression

Par Clouder le 29 Apr 2019 1 +99

Barre de progression automatique


Dans cet article nous allons mettre en place une barre de progression automatique sur notre site web grâce à la bibliothèque PACE.


Qu'est-ce que Pace?

PACE est une bibliothèque Javascript et CSS permettant d’ajouter automatiquement des indicateurs de progrès et d’activités pour le chargement de pages et la navigation ajax. Il est gratuit et open source et a été développé par les développeurs de HubSpot Adam Schwartz et Zack Bloom.


Mis en place

La mise en place est très rapide. Il suffit de télécharger sur le site le code. De le mettre dans un fichier Javascript et de télécharger un thème que vous allez mettre dans un fichier CSS.

<head>
    ...
    <link href="https://www.domaine.com/css/page_loard.min.css" rel="stylesheet" type="text/css">
    ...
    <script src="https://www.domaine.com/js/page_loard.js" type="text/javascript"></script>
</head>


Et ensuite ?

Ensuite, il vous suffit de recharger votre page et en fonction du temps de chargement de votre page la barre de progression progressera automatiquement.

Cette pub permet au site de vivre ...

1 commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !