SourceFooyya'iinsa
Galmee fi fakkeenyota barruulee adeemsa amala Bootstrap fayyadamuuf deeggarsa barruulee tuulamanii, duubbee socho'aa, fi asxaalee barruu agarsiisan.
Akkaataa itti hojjetu
Qaamonni adeemsaa qaamolee HTML lama waliin ijaaramu, bal'ina saaguuf CSS tokko tokko, fi amaloota muraasa. Nuti elementii HTML5<progress>
hin fayyadamnu , barruulee adeemsaa tuuluu, isaan sochoosuu, fi asxaalee barruu isaan irra kaa'uu akka dandeessu mirkaneessa.
.progress
Gatii ol'aanaa barruu adeemsaa agarsiisuuf akka marfataatti fayyadamna .
.progress-bar
Adeemsa hanga ammaatti jiru agarsiisuuf keessaa fayyadamna .
- The
.progress-bar
bal'ina isaanii saaguuf akkaataa sarara keessaa, gita faayidaa, ykn CSS amala barbaada.
- The
.progress-bar
akkasumas dhaqqabamaa akka ta'uuf tokko tokkoo role
fi amaloota barbaada.aria
Sana hunda walitti qabdee, fakkeenyota armaan gadii qabda.
Bootstrap bal'ina saaguuf faayidaa muraasa kenna . Fedhii kee irratti hundaa’uun, kunniin adeemsa saffisaan qindeessuuf gargaaruu danda’u.
Asxaalee
Barruu keessa kaa'uudhaan asxaalee barruulee adeemsa kee irratti dabali .progress-bar
.
Hojjaa
height
Gatii qofa irratti saagna .progress
, kanaafuu yoo gatii sana jijjiirte keessaan .progress-bar
ofumaan akkaataa kanaan guddina ni jijjiira.
Duubbee
Bifa barruulee adeemsa dhuunfaa jijjiiruuf gitaalee faayidaa duubbee fayyadami.
Barruulee dachaa
Yoo barbaadde qaama adeemsaa keessatti barruulee adeemsaa hedduu hammachiisi.
Sarara kan qabu
Sarara karaa CSS gradient halluu duubbee barruu adeemsaa irratti hojii irra oolchuuf .progress-bar-striped
kamiyyuutti dabali ..progress-bar
Sarara sochii qabu
Giraadiyaantiin sarara qabus socho'uu danda'a. Sararoota mirgaa gara bitaatti karaa sochiiwwan CSS3 sochoosuuf garatti .progress-bar-animated
dabali ..progress-bar