CSS Selektor-Frage

[cssFrager]

Hallo.
Ich habe mir mit HTML+CSS eine kleine Progressbar gebaut.
Nun möchte ich, dass die Progressbar verschiedene Farben hat:
Die Syntax sieht dann zB so aus:
<div class="progressbar">....</div>
Ich möchte nun folgendes:
<div class="progressbar green">....</div>
<div class="progressbar blue">....</div>

Und dort sollen dann logischer weise die HG-Farben grün bzw. blau sein. Es ist wichtig, dass das nur für die Klasse "progressbar" gilt und nicht allgemein. Wie mache ich das?

Danke für jede Hilfe!