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.

Cette pub permet au site de vivre ...
Voir d'autres articles
PHP
Définir une URL de base pour votre site
PHP
Les variables PHP
Créer son site de rencontres
Modifier ses informations en PHP
Cette pub permet au site de vivre ...