Konuyu dikkatli okuyun. Soldan sağa GREEN sağdan sola RED gelcek. Siyah çerçevenin içinde olacak bu dediklerim.
Bu şekildemi istediniz hocam?
<div style="width:100px;height:15px;float:left;padding-right:20px;" id="sol" >
<div class="cerceve" style="width:%100;height:15px;background-color:black;padding-top:2px;padding-bottom:2px;">
<div class="oran" style="width:31px;background-color:green;height:15px;"><h style='color:white;'>%31</h> </div>
</div>
</div>
<div style="width:100px;height:15px;float:left;" id="sag" >
<div class="cerceve" style="width:%100;height:15px;background-color:black;padding-top:2px;padding-bottom:2px;">
<div class="oran" style="width:31px;background-color:red;height:15px;float:right;"><h style='color:white;float:right;'>%31</h> </div>
</div>
</div>