Piecon : des favicon sous forme de camemberts animés

Pour exprimer le pourcentage de chargement de la page

Les rubriques (actu, forums, tutos) de Développez

Développement Web

Réseaux sociaux

Le 19/02/2013, par FirePrawn, Responsable (X)HTML/CSS

Piecon est une bibliothèque JavaScript qui va vous permettre de modifier le favicon de chargement des pages par défaut.
Pour ce faire vous pouvez afficher un camembert animé à l'emplacement du favicon qui sera automatiquement remplacé par votre favicon une fois le chargement de la page terminé.

Cette bibliothèque fait environ 2 ko en version minifiée et fonctionne sous Chrome 15+, Firefox 9+ et Opera 11+.
IE9 et Safari 5+ ne sont pas supportés et c'est le fallback qui prend le relai en affichant le contenu de la balise title.

L'utilisation de Piecon est très simple :

Code :

1
2
3
4
Piecon.setProgress(12);
Piecon.setProgress(25);
...
Piecon.reset();

Vous pouvez également configurer quelques options :

Code :

1
2
3
4
5
6
Piecon.setOptions({
  color: '#ff0084', // Pie chart color
  background: '#bbb', // Empty pie chart color
  shadow: '#fff', // Outer ring color
  fallback: false // Toggles displaying percentage in the title bar (possible values - true, false, 'force')
});

Télécharger Piecon.

Source : Piecon

Et vous ?

Que pensez-vous de l'utilisation d'un camembert animé pour afficher le chargement du favicon ?

Utilisez-vous des favicon personnalisés pour vos sites Web ?

Piecon : des favicon sous forme de camemberts animés Pour exprimer le pourcentage de chargement de la page

Piecon : des favicon sous forme de camemberts animés

Pour exprimer le pourcentage de chargement de la page