Mikanda mpe bandakisa mpo na kosalela ba barres ya progression personnalisée ya Bootstrap oyo ezali na lisungi mpo na ba barres oyo etandami, ba fond d’animation, mpe ba étiquettes ya makomi.
Ndenge oyo esalaka
Ba composants ya progrès etongami na ba éléments HTML mibale, mua CSS pona ko setting largeur, pe mua ba attributs. Tosalelaka te eleman HTML5<progress> , kosala ete okoka kosala ebele ya ba barres ya progrès, ko animer yango, mpe kotia ba étiquettes ya makomi likolo na yango.
Tosalelaka .progresslokola enveloppe pona kolakisa valeur max ya barre ya progression.
Tosalelaka oyo ya kati .progress-barmpo na komonisa bokoli oyo esalemi tii sikoyo.
The .progress-baresengaka style ya inline, classe ya utilitaire, to CSS personnalisé pona kotiya largeur na bango.
The .progress-baresengaka pe mua rolepe ba ariaattributs po ezala accessible.
Bootstrap epesaka mwa ndambo ya ba utilitaires mpo na kotiya bonene . Na kotalela bamposa na yo, yango ekoki kosalisa na kobongisa nokinoki bokoli.
Ba étiquettes
Bakisa ba étiquettes na ba barres na yo ya progrès na kotiaka makomi na kati ya .progress-bar.
25% ya .
Molai
Totie kaka heightvaleur na .progress, donc soki o changer valeur wana ya kati .progress-bareko changer automatiquement taille en conséquence.
Makambo oyo esalemaki na nsima
Salelá bakelasi ya utilité ya nsima mpo na kobongola ndenge oyo ba barres ya progrès mokomoko ezali komonana.
Ba barres ebele
Botia ba barres ya progression ebele na composante ya progression soki oza na besoin.
Ezali na bansinga
Bakisa .progress-bar-stripedna nyonso .progress-barmpo na kosalela bande na nzela ya gradient CSS likolo ya langi ya nsima ya barre ya bokende liboso.
Ba rayures animées
Gradient rayé ekoki pe kozala animation. Bakisa .progress-bar-animatedna mpo na .progress-barko animer ba rayures droite à gauche via ba animations CSS3.