Script für Balken - Ich brauche Hilfe bitte

[Matze]

Hallo,

Wie kann ich also so einen zweifarbigen Balken erstellen?

  
#balken {  
 border-top:0.5em solid black;  
 height:0.5em;  
 background:red;  
 width:10em;  
 }  

  
<div id="balken"></div>  

Die width-Angabe müsste wahrscheinlich dynamisch angepasst werden.
Je nach eurem Rang.

Grüße, Matze