ikisi birleşik olacak,
gibi
Şuan istediğiniz gibi ayarlı hocam.
<div style="width:100px;height:15px;margin:0;padding:0;">
<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;float:left;"><h style='color:white;float:right;'>%31</h> </div>
<div class="oran" style="width:31px;background-color:red;height:15px;float:right;"><h style='color:white;float:right;'>%31</h> </div>
</div>
</div>