La barre de progression qui ne bloque pas
Publi� le 9 juin 2006

Faire une barre de progession "virtuelle" pour notifier un temps d'attente à l'utilisateur paraît être quelque chose de simple.

On peut installer les innombrables barres de progression "AJAX certified" mais disons que ce n'est pas la meilleure solution quand on cherche quelque chose de vraiment basique. Et puis il ne faut pas oublier que non seulement AJAX n'est pas encore standardisé mais il n'est pas non plus supporté par les versions recommandées de tous les navigateurs (Opera). Comment faire alors ?

On peut télécharger un GIF animé représentant une barre de progression que l'on rendra visible et invisible à loisir. Seulement, dès qu'on clique sur un lien ou que l'on soumet un formulaire, l'animation s'arrête sous IE, ce qui est fâcheux.

Heureusement qu'il existe ce javascript. Il suffit alors d'une ligne de code pour l'installer et de 2 lignes pour l'activer ou la désactiver [1].


<script language="javascript" src="../js/xp_progress.js"></script>

<div id="progressBar"><script type="text/javascript">
var bar= createBar(550,15,'white',1,'black','blue',85,7,3,"");
</script></div>

<body class="BODY_LEVEL_2 formulaire" onload="bar.hideBar()">

Compatible FF1+ IE5+ Opr7+.


[1] Le DIV, c'est juste pour positionner le truc ou on veut.

Forum de l'article

# 388 La barre de progression qui ne bloque pas 12 juin 2007
Veuillez patienter....
Poster un message