Ditokomane le mehlala ya go šomiša dibara tša tšwelopele ya tlwaelo tša Bootstrap tšeo di bontšhago thekgo ya dibara tše di kgobokeditšwego, dimelo tša dipopaye, le dileibole tša sengwalwa.
Kamoo e šomago ka gona
Dikarolo tša tšwelopele di agilwe ka dielemente tše pedi tša HTML, tše dingwe tša CSS go beakanya bophara, le dika tše mmalwa. Ga re šomiše elemente ya HTML5<progress> , re netefatša gore o ka kgoboketša dibara tša tšwelopele, wa di phediša, le go bea dileibole tša sengwalwa godimo ga tšona.
Re šomiša .progressbjalo ka sephuthedi go laetša boleng bja max bja baara ya tšwelopele.
Re šomiša ya ka gare .progress-bargo laetša tšwelopele go fihla ga bjale.
The .progress-bare nyaka setaele sa ka gare ga mothaladi, sehlopha sa utility, goba CSS ya tlwaelo go beakanya bophara bja bona.
The .progress-bargape e nyaka tše dingwe rolele ariadika go e dira gore e fihlelelege.
Bea seo ka moka mmogo, gomme o na le mehlala ye e latelago.
Bootstrap e fana ka seatla se se tletšego sa didirišwa tša go beakanya bophara . Go ithekgile ka dinyakwa tša gago, tše di ka thuša ka go beakanya tšwelopele ka pela.
Dileibole
Oketša dileibole go dibara tša gago tša tšwelopele ka go bea sengwalwa ka gare ga .progress-bar.
25% ya .
Bogodimo
Re bea fela heightboleng go .progress, ka fao ge o fetoša boleng bjoo bja ka gare .progress-barbo tla fetoša bogolo ka go iketla go ya ka fao.
Dimelo tša ka morago
Šomiša diklase tša mohola wa ka morago go fetoša ponagalo ya dibara tša tšwelopele ka botee.
Dibara tše dintši
Akaretša dibara tše ntši tša tšwelopele karolong ya tšwelopele ge o nyaka.
E na le methalo
Oketša .progress-bar-stripedgo efe goba efe .progress-bargo diriša mothalo ka CSS gradient godimo ga mmala wa morago wa baara ya tšwelopele.
Methalo ya dipopaye
The metsero gradient ka boela animated. Oketša .progress-bar-animatedgo .progress-bargo phediša methalo go le letona go ya go le letshadi ka dipopaye tša CSS3.