Sourceꯈꯨꯃꯥꯡ ꯆꯥꯎꯁꯤꯟꯕ
ꯁ꯭ꯇꯦꯛ ꯇꯧꯔꯕꯥ ꯕꯥꯔꯁꯤꯡ, ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯇꯦꯛꯁꯠ ꯂꯦꯕꯦꯂꯁꯤꯡꯒꯤ ꯁꯄꯣꯔꯠ ꯌꯥꯎꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯅꯕꯒꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯃꯁꯤꯡ꯫
ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ HTML ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯃꯒꯠꯂꯤ, ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯩꯈꯣꯌꯅꯥ HTML5 <progress>
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯁꯤꯖꯤꯟꯅꯗꯦ , ꯅꯍꯥꯛꯅꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯌꯥꯏ, ꯃꯈꯣꯌꯕꯨ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯥ ꯌꯥꯏ, ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯒꯤ ꯃꯊꯛꯇꯥ ꯇꯦꯛꯁꯠ ꯂꯦꯕꯦꯂꯁꯤꯡ ꯊꯝꯕꯥ ꯌꯥꯏ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯍꯜꯂꯤ꯫
- ꯑꯩꯈꯣꯌꯅꯥ
.progress
ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯒꯤ ꯃꯦꯛꯁ ꯚꯦꯜꯌꯨ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯔꯦꯄꯔ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
- ꯑꯩꯈꯣꯌꯅꯥ
.progress-bar
ꯍꯧꯖꯤꯛ ꯐꯥꯑꯣꯕꯒꯤ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯏꯅꯔꯖꯤ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯩ꯫
- ꯃꯈꯣꯌꯒꯤ ꯄꯥꯛ
.progress-bar
ꯆꯥꯎꯕꯥ ꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯏꯅꯂꯥꯏꯟ ꯁ꯭ꯇꯥꯏꯜ, ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ, ꯅꯠꯠꯔꯒꯥ ꯀꯁ꯭ꯇꯝ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.
- ꯃꯁꯤꯅꯥ ꯃꯁꯤꯕꯨ ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯈꯔꯥ ꯑꯃꯁꯨꯡ
.progress-bar
ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡꯁꯨ ꯃꯊꯧ ꯇꯥꯏ꯫role
aria
ꯃꯗꯨ ꯄꯨꯝꯅꯃꯛ ꯄꯨꯟꯅꯥ ꯊꯝꯃꯨ, ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ ꯑꯗꯣꯃꯒꯤ ꯃꯐꯃꯗꯥ ꯂꯩꯔꯤ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯋꯥꯏꯗ ꯁꯦꯠ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯃꯁꯤꯡ ꯈꯔꯥ ꯄꯤꯔꯤ . ꯅꯍꯥꯛꯀꯤ ꯗꯔꯀꯥꯔ ꯑꯣꯏꯕꯁꯤꯡꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯑꯗꯨ ꯊꯨꯅꯥ ꯀꯅꯐꯤꯒꯔ ꯇꯧꯕꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯕꯥ ꯌꯥꯏ꯫
ꯃꯅꯨꯡꯗꯥ ꯇꯦꯛꯁꯠ ꯊꯃꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡꯗꯥ ꯂꯦꯕꯦꯂꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ .progress-bar
.
ꯑꯩꯈꯣꯌꯅꯥ height
ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯈꯛꯇꯃꯛ ꯁꯦꯠ ꯇꯧꯏ .progress
, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯚꯦꯜꯌꯨ ꯑꯗꯨ ꯍꯣꯡꯗꯣꯛꯂꯕꯗꯤ ꯏꯅꯔꯖꯤ .progress-bar
ꯑꯗꯨ ꯃꯁꯥ ꯃꯊꯟꯇꯥ ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯁꯥꯏꯖ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ꯫
ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡꯒꯤ ꯃꯑꯣꯡ ꯃꯇꯧ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯔꯕꯗꯤ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯗꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫
ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯒꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯃꯆꯨꯒꯤ ꯃꯊꯛꯇꯥ CSS ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁ꯭ꯠꯔꯥꯏꯞ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ .progress-bar-striped
ꯇꯧꯅꯕꯥ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.progress-bar
ꯁ꯭ꯠꯔꯥꯏꯞ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯁꯤꯁꯨ ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫ CSS3 ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁ꯭ꯠꯔꯥꯏꯄꯁꯤꯡ ꯑꯗꯨ ꯑꯔꯣꯏꯕꯥ ꯐꯥꯑꯣꯕꯥ ꯑꯦꯅꯤꯃꯦꯠ .progress-bar-animated
ꯇꯧꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.progress-bar