Un jauge dans une page HTML

Je dois afficher une jauge dans une page HTML. La jauge est un rectangle qui comporte 4 valeurs; la couleur doit changer entre ces 4 valeurs; on trouve le 0 (à ne pas afficher), Limite1, Limite2, Limite3, Limite4, Borne supérieure. Il s'agit des valeurs de référence; en-dessous, il y a un rectangle noir avec une valeur qui représente la valeur pour le cas considéré.

Entre 0 et limite1, il faut du gris; entre limite1 et limite2, du vert; entre limite2 et limite3, de l'orange, entre limite 3 et limite4, du rouge; entre limite4 et borne supérieur, du vert

J'a pas le tiers du quart d'une idée pour réaliser cela; la seule faible lueur ce serait de générer une image PNG au départ du servlet en passant à une fonction les valeurs et qui me retournerait une image. Mais ça non plus je n'ai pas d'idée pour le réaliser

Merci à toutes les propositions

Et une division rectangulaire (balise html "div") dont tu changes le style (bgcolor) via un javascript tout bête en fonction de la valeur de la jauge, ça ne te conviendrait pas?

Il faut plusieurs couleurs dans le rectangle du dessus + affichage des valeurs de limites. Exemple en pièce jointe

Et que dirais tu de:

- 4 balises div définissant ta barre?
- un tableau (html) de 1 ligne sur 4 colonne sans bordure?

Les moyens ne manquent pas pour obtenir ce que tu veux...