İlerleme Çubuğu ile HTML ve CSS | Netgez.com
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

  • 24 Канал

    24 КанаÐ

    5 ÅžUBAT 2006
  • jagadambarecords

    jagadambarec

    13 AÄžUSTOS 2008
  • pilslajt

    pilslajt

    20 HAZÄ°RAN 2008

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR