Pr�parez une barre de dimensions approximatives 200x10 pixels.

D�coupez la barre sous imageready et g�n�rez un tableau HTML et les images d�coup�es au format GIF ( voir tuto imageready - d�coupage ). Votre tableau doit comporter 5 cellules. Veillez dans la 4�me cellule � isoler uniquement la zone de couleur � l'int�rieur de la barre, la partie de la barre qui va varier.

Votre tableau ressemble normalement � quelquechose comme �a :

<TABLE WIDTH=242 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD ROWSPAN=3>
<IMG SRC=barre_01.gif WIDTH=2 HEIGHT=8></TD><TD>
<IMG SRC=barre_02.gif WIDTH=238 HEIGHT=2></TD><TD ROWSPAN=3>
<IMG SRC=barre_03.gif WIDTH=2 HEIGHT=8></TD></TR><TR><TD>
<IMG SRC=barre_04.gif WIDTH=238 HEIGHT=4></TD></TR><TR><TD>
<IMG SRC=barre_05.gif WIDTH=238 HEIGHT=2></TD></TR></TABLE>


Ce qui donne :

Diminuez maintenant la largeur de la 3�me cellule. La barre de couleur se r�duit et la table garde son int�grit�.

<TABLE WIDTH=242 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD ROWSPAN=3>
<IMG SRC=barre_01.gif WIDTH=2 HEIGHT=8></TD><TD>
<IMG SRC=barre_02.gif WIDTH=238 HEIGHT=2></TD><TD ROWSPAN=3>
<IMG SRC=barre_03.gif WIDTH=2 HEIGHT=8></TD></TR><TR><TD>
<IMG SRC=barre_04.gif WIDTH=138 HEIGHT=4></TD></TR><TR><TD>
<IMG SRC=barre_05.gif WIDTH=238 HEIGHT=2></TD></TR></TABLE>


Ce qui donne :

Pr�parez maintenant en amont du tableau HMTL un rapide script PHP qui calculera la largeur de la partie centrale de la barre. Vous pouvez calculer un pourcentage sur n'importe quelle donn�e stock�e dans la base. Par exemple ici, le pourcentage de membres ayant un site.

<?
$nb_membres=@mysqli_num_rows(mysql_query("select cle from membres", $link));
print ("membres : $nb_membres<br>");
$nb_sites=@mysqli_num_rows(mysql_query("select cle from membres where url!=''", $link));
print ("sites membres : $nb_sites<br>");
$largeur_max=238;
$largeur=$nb_sites_membres/$nb_membres*$largeur_max;
?>

Placez ce script avant le tableau HTML et remplacez dans ledit tableau la largeur de la 4�me cellule par la largeur calcul�e pr�c�demment :

<? print ($largeur); ?>

On obtient :

membres : 2161
sites membres : 593


Ce principe est largement utilis� dans les pages de statistiques.