14 Ocak 2007, 18:34 tarihinde yazılmış olup, 2,966 kez okunmuş ve 5 yorum almış
Etiketler: CSS
Kimi zaman istatistik grafiklerinden kimi zamanda yüklenme grafiklerinde, ilerleme durum çubukları oluşturabiliyoruz. Bunlar için genelde resim dosyaları kullanmaktayız ya da tablolar. Fakat resim dosyadan olmadan bu işi css ile basit bir şekilde halledebilirsiniz
Super simple CSS bars başlığında bu yöntem anlatılmış. Oradan örnek alacak olursak yapmamız gerekenler şöyle.
Öncelikle kullanacağımız html kodumuz şunlar.
Ve css kodları ise şöyle.
Sonuç olaraksa alttaki gibi grafikler elde ediyoruz
%95
%100
%60
%40, artalan turuncu