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=mysql_numrows(mysql_query("select cle from membres", $link));
print ("membres : $nb_membres<br>");
$nb_sites=mysql_numrows(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 : 7503
sites membres : 953


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