Fortschrittsanzeige durch Tabelle realisieren !?

[Karin]

Hallo,

ich schreibe gerade einen Timer mittels JS der eine vom User eingegebene Zeit bis 0 zurückzählt.

Ausgangsituation:
Der Algorithmus ist gar nicht mal das Problem sondern viel mehr, dass ich eine Art Fortschrittsbalken, der Schrittweise (je 10%) die abgelaufene Zeit symbolisieren soll, anzeigen möchte.
Ich weiß das man die Hintergrundfarbe einzelner Zellen ansteuern kann.

Frage:
Ist es möglich in einer Tabelle (HTML) wie der untenstehenden die Zellen einzeln mit einer Schleife zu durchlaufen?
So was wie bei n+1 nächste Zelle grüner Hintergrund und bei n=8 gelber Hintergrund und bei n=9 roter Hintergrund.

<table>
  <tr>
   <td>"n=3"</td>
   <td>"n=8"</td>
   <td>"n=9"</td>
  </tr>
</table>

Oder gibt es eine andere (einfachere) Möglichkeit?

Vielen Dank.

Karin