SORU
25 AĞUSTOS 2011, PERŞEMBE

İlerleme Çubuğu ile HTML ve CSS

Görüntü aşağıdaki gibi bir ilerleme çubuğu oluşturmak istiyorum

Progress Bar Example

Bu oluşturma hakkında hiçbir fikrim yok. HTML5 teknikleri kullanmalıyım?

Bana bu ilerleme çubuğu oluşturma hakkında biraz yardım eder misin lütfen?

CEVAP
25 AĞUSTOS 2011, PERŞEMBE

<div id="progressbar">
  <div></div>
</div>

#progressbar {
  background-color: black;
  border-radius: 13px; /* (height of inner div) / 2   padding */
  padding: 3px;
}

#progressbar > div {
   background-color: orange;
   width: 40%; /* Adjust with JavaScript */
   height: 20px;
   border-radius: 10px;
}

Fiddle

(EDİT: Değişti Sözdizimi vurgulama; çocuk seçici değiştirildi soyundan)

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Htmlİlerleme Çubuğu CssCss

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CaptainDisillusion

    CaptainDisil

    18 EYLÜL 2007
  • LIVESTRONG.COM

    LIVESTRONG.C

    5 EKİM 2005
  • Phlearn Photoshop and Photography Tutorials

    Phlearn Phot

    11 EKİM 2011

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR