Affichez des camemberts animés en favicon
Avec pourcentage de chargement


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 : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
Piecon.setProgress(12);
Piecon.setProgress(25);
...
Piecon.reset();
Vous pouvez également configurer quelques options :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 ?