in English
Inqubekelaphambili
Amadokhumenti nezibonelo zokusebenzisa amabha enqubekela-phambili e-Bootstrap afaka usekelo lwamabha astakiwe, ingemuva eligqwayizayo, namalebula ombhalo.
Isebenza kanjani
Izingxenye zokuqhubeka zakhiwe ngezici ezimbili ze-HTML, enye i-CSS yokusetha ububanzi, kanye nezibaluli ezimbalwa. Asisebenzisi isici se -HTML5<progress>
, siqinisekisa ukuthi ungakwazi ukunqwabelanisa amabha enqubekelaphambili, uwaphilise, futhi ubeke amalebula ombhalo phezu kwawo.
- Sisebenzisa
.progress
njengesonga ukukhombisa inani eliphezulu lebha yokuqhubeka.
- Sisebenzisa ingaphakathi
.progress-bar
ukukhombisa inqubekelaphambili kuze kube manje.
.progress-bar
Idinga isitayela esisemgqeni, isigaba sokusetshenziswa, noma i-CSS yangokwezifiso ukuze usethe ububanzi bazo .
- I
.progress-bar
futhi idinga okunye role
kanye aria
nezimfanelo ukuze ifinyeleleke.
Kuhlanganise konke lokho, futhi unezibonelo ezilandelayo.
I-Bootstrap inikeza izinsiza ezimbalwa zokusetha ububanzi . Ngokuya ngezidingo zakho, lezi zingasiza ekulungiseleleni ngokushesha ukuqhubeka.
Amalebula
Engeza amalebula kubha yakho yokuqhubeka ngokubeka umbhalo ngaphakathi kwe- .progress-bar
.
Ubude
Sisetha kuphela height
inani ku- .progress
, ngakho-ke uma ushintsha lelo nani elingaphakathi lizoshintsha .progress-bar
usayizi ngokuzenzakalelayo ngokufanele.
Ingemuva
Sebenzisa amakilasi ensiza engemuva ukuze uguqule ukubukeka kwebha yokuqhubeka ngayinye.
Amabha amaningi
Faka phakathi imigoqo yenqubekela-phambili eminingi engxenyeni yenqubekelaphambili uma uyidinga.
Inemithende
Engeza .progress-bar-striped
kunoma yikuphi .progress-bar
ukuze usebenzise umugqa nge-CSS gradient phezu kombala wangemuva webha yokuqhubeka.
Imigqa egqwayizayo
I-gradient enemigqa nayo ingagqwayiza. Engeza .progress-bar-animated
ukuze .progress-bar
ugqwayize imithende kwesokudla kuye kwesokunxele ngokusebenzisa opopayi be-CSS3.