Barre de progression
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.