Belgekirin û mînakên ji bo karanîna barên pêşkeftinê yên xwerû yên Bootstrap ku piştgirî ji bo barên lihevkirî, paşnavên anîmasyon, û etîketên nivîsê hene.
Çawa dixebite
Hêmanên pêşkeftinê bi du hêmanên HTML-ê, hin CSS-ê ji bo danîna firehiyê, û çend taybetmendiyan têne çêkirin. Em hêmana HTML5-ê<progress> bikar naynin , û pê pêhesiyam ku hûn dikarin barên pêşkeftinê li hev bikin, wan anîm bikin û etîketên nivîsê li ser wan bi cîh bikin.
Em .progresswekî pêçek bikar tînin da ku nirxa herî zêde ya barê pêşkeftinê destnîşan bikin.
Em hundurê bikar tînin .progress-barda ku pêşkeftina heya nuha destnîşan bikin.
Ji .progress-barbo danîna firehiya xwe şêwazek hundurîn, pola karûbar, an CSS-ya xwerû hewce dike.
Di .progress-barheman demê de hin roleû ariataybetmendiyan hewce dike ku ew bigihîje.
Vana hemî bi hev re bikin, û hûn mînakên jêrîn hene.
Bootstrap ji bo danîna firehiyê çend amûran peyda dike . Li gorî hewcedariyên we ve girêdayî, dibe ku ev bi zû veavakirina pêşkeftinê re bibin alîkar.
Labels
Bi danîna nivîsê di nav barên pêşkeftina xwe de etîketan zêde bikin .progress-bar.
Rêsakanî bekarhênan 25%
Bilindî
Em tenê li ser heightnirxek destnîşan dikin .progress, ji ber vê yekê heke hûn wê nirxê biguhezînin .progress-bardê hundur bixweber li gorî xwe mezin bibe.
Backgrounds
Dersên kargêriya paşîn bikar bînin da ku xuyangê barên pêşkeftina kesane biguhezînin.
Gelek bars
Ger hewce be gelek barên pêşkeftinê têxin nav hêmanek pêşkeftinê.
Striped
.progress-bar-stripedLi her yekê zêde bikin .progress-barda ku bi navgîniya gradientê ya CSS-ê li ser rengê paşîn a barika pêşkeftinê xêzikek bicîh bikin .
stripes anîmasyon
Gerîdeya xêzkirî jî dikare were anîmasyon kirin. Bi navgîniya anîmasyonên CSS3 ve pêve bikin .progress-bar-animatedda .progress-barku xetên rast ber bi çepê anîmasyon bikin.