Sağdan Sola Oran Rengi

Merhaba Arkadaşlar,

Bu kodlar Sitemdeki oran renk ve yüzdesini ayarlıyor. Benim istediğim resimde Yeşil soldan sağa gidiyor. Birde karşısından sağdan sola giden kırmızı olsun.


Kodlar bunlar, lütfen yardımcı olur musunuz?

<td class='td_2'>
<div style="width:100px;height:15px;">
<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>            
 </td>

background-color:black; kısmındaki black'i red ile değiştir de php ile alakası yok bu konunun.

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>

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>

Çok teşekkür ederim.Eline sağlık. +r10