Takaddun bayanai da misalai don amfani da sandunan ci gaba na al'ada na Bootstrap waɗanda ke nuna goyan baya ga sandunan da aka tattara, abubuwan rayayye, da alamun rubutu.
Yadda yake aiki
An gina abubuwan ci gaba tare da abubuwan HTML guda biyu, wasu CSS don saita faɗin, da ƴan sifofi. Ba ma amfani da kashi na HTML5<progress> , yana tabbatar da cewa zaku iya tara sandunan ci gaba, raya su, da sanya alamun rubutu akan su.
Muna amfani da .progressa matsayin abin rufewa don nuna max darajar mashigin ci gaba.
Muna amfani da ciki .progress-bardon nuna ci gaban ya zuwa yanzu.
Wannan .progress-baryana buƙatar salon layi, aji mai amfani, ko CSS na al'ada don saita faɗin su.
Hakanan .progress-baryana buƙatar wasu roleda ariasifofi don sanya shi isa.
Haɗa wannan duka, kuma kuna da misalai masu zuwa.
Bootstrap yana ba da ɗimbin kayan aiki don saita faɗin . Dangane da bukatun ku, waɗannan na iya taimakawa tare da daidaita ci gaba cikin sauri.
Lakabi
Ƙara lakabi zuwa sandunan ci gaba ta hanyar sanya rubutu a cikin .progress-bar.
25%
Tsayi
Mu kawai muna saita heightƙima akan .progress, don haka idan kun canza wannan ƙimar abin ciki .progress-barzai sake girma ta atomatik daidai.
Bayanan baya
Yi amfani da azuzuwan mai amfani na baya don canza kamannin sandunan ci gaba ɗaya ɗaya.
Sanduna da yawa
Haɗa sandunan ci gaba da yawa a cikin ɓangaren ci gaba idan kuna buƙata.
Tatsi
Ƙara .progress-bar-stripedzuwa kowane .progress-bardon amfani da tsiri ta hanyar CSS gradient akan launi na bangon ci gaba.
Rage ratsi
Hakanan za'a iya raye-rayen raye-rayen raye-raye. Ƙara .progress-bar-animatedzuwa .progress-barrayayye ratsi dama zuwa hagu ta hanyar rayarwa ta CSS3.