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.
<div class="progress-container">
<div style="width: 95%"></div>
</div>
Ve css kodları ise şöyle.
div.progress-container {
border: 1px solid #ccc;
width: 100px;
margin: 2px 5px 2px 0;
padding: 1px;
float: left;
background: white;
}
div.progress-container > div {
background-color: #ACE97C;
height: 12px
}
Sonuç olaraksa alttaki gibi grafikler elde ediyoruz
%95
%100
%60
%40, artalan turuncu
Bu yazı 14 Ocak 2007, 18:34 tarihinde yazılmış olup bu zamana kadar 3,449 kez görüntülenmiştir
Bu yazı 10 adet yorum almıştır ve bunların tamamı görüntülenmektedir.
@fuducuk; Hareket edebilmesi ancak javascript ile 
- Yorumlar: 1250
- İlk Yorum:
16 Eki. 2005
Yalnız nasıl çalışacak bunlar, yani % güncellemeyi nasıl yapacak, onu anlamadım? Şu anki hali statik duruyor…
- Yorumlar: 2
- İlk Yorum:
19 Ara. 2008
Bir araştırma yaptım dediğim gibi IE6 child selectorları kabul etmiyor. Bıktım bu IE6′ dan inan ki. Her şeyi bir yana bırakıp sırf onun için saatlerim geçiyor bazen. 
- Yorumlar: 11
- İlk Yorum:
27 Eki. 2006
Haklısındır Kadir ama inan o konuda benim de bir bilgim yok 
- Yorumlar: 1250
- İlk Yorum:
16 Eki. 2005
Hakancım Merhaba,
#
div.progress-container > div {
#
background-color: #ACE97C;
#
height: 12px
#
}
Yanlış hatırlıyor olabilirim ama yok yok child selectorlar “>” IE6 tarafından desteklenmiyor.
- Yorumlar: 11
- İlk Yorum:
27 Eki. 2006
Tam da sardalya‘yı periyodik bakıma aldığım zamana denk geldi.
Bunu da yapılacaklar listesine ekliyorum
- Yorumlar: 2
- İlk Yorum:
24 Mar. 2007
Küçükte olsa bu tip uygulamalarda kullanılan gifler gereksiz. Bu şekilde uygulamalar bence çok güzel. 1 saniye fark olması bile bence yeterlidir imaj yerine CSS ile color kullanmak
- Yorumlar: 1
- İlk Yorum:
25 Mar. 2007
buda işime yarayacak
teşekkürler..
- Yorumlar: 44
- İlk Yorum:
11 Oca. 2007
CSS için en iyi kitap bu:
http://www.amazon.com/CSS-Mast.....40?ie=UTF8
- Yorumlar: 55
- İlk Yorum:
01 Eyl. 2006
güzel bir örnek, ben bunun yapılışı ilk olarak bir php kitabında gd kütüphanesi kullanılarak görmüştüm ama o gerçekten çok dertliydi 
bu daha sevimli ve kolay
- Yorumlar: 79
- İlk Yorum:
30 May. 2006
YAZIYI BEĞENDİN Mİ?
Yazını çok beğendim. Yeni yazılarının e-posta adresime gelmesini istiyorum :)