SourcePuriy
Qillqakuna chaymanta ejemplokuna Bootstrap sapanchasqa ñawpaqman puriy barrakuna llamk'achinapaq yanapakuyniyuq pilasqa barrakuna, kawsachisqa qhipakuna chaymanta qillqa etiquetakuna.
Ñawpaqman puriy componentekuna iskay HTML elementokunawan ruwasqa kanku, wakin CSS anchota churanapaq, chaymanta huk pisi atributokuna. Mana HTML5 <progress>
elementota llamk'achiykuchu , ñawpaqman puriy barrakunata pilayta atikunki, kawsachiyta atikunki chaymanta qillqa etiquetakuna chay patapi churayta atikunki.
- Chayta
.progress
huk p'istu hina llamk'achiyku ñawpaqman puriy barrapa max chaninninta rikuchinapaq.
- Ukhuwanmi
.progress-bar
kunankama imakunachus ñawparisqanmanta rikuchiyku.
- The
.progress-bar
huk chiru ukhupi estilo, yanapakuy clase utaq sapanchasqa CSS anchunku churanapaq munan.
- The
.progress-bar
también requiere algunos role
y aria
atributos para hacerlo accesible.
Chayta llapanta huñuy, hinaspa kay ejemplokunata tarinki.
Bootstrap huk maki yanapakuykunata qun anchota churanapaq . Necesitasqaykiman hina, kaykunaqa yanapanman usqhaylla ñawpaqman puriyta wakichiypi.
Ñawpaqman puriy barraykikunaman etiquetakunata yapay qillqa ukhupi churaspa .progress-bar
.
Huk height
chanillata churayku .progress
, chayrayku sichus chay chanita tikranki chay ukhu .progress-bar
kikinmanta chaymanhina sayayninta tikranqa.
Sapa ñawpaqman puriy barrakuna rikchayninta tikranapaq qhipa yanapakuy clasekuna llamk'achiy.
Huk ñawpaqman puriy componente kaqpi achka ñawpaqman puriy barrakunata churay sichus necesitanki.
Mayqinmanpas yapay .progress-bar-striped
huk .progress-bar
raya CSS gradiente kaqnintakama ñawpaqman puriy barrapa qhipa llimp'in patapi churanapaq.
Chay rayayuq gradiente nisqapas animasqa kanmanmi. Yanapay .progress-bar-animated
kayman .progress-bar
CSS3 kawsachiykunawan rayakunata pañamanta lluq'iman kawsachinapaq.