Progress example 2

Component
Name	Progress
Description	Progress bar in light mode and dark mode
Provider	Skin
Note	Dark mode needs the CSS marked "Bootstrap dark mode" on MediaWiki:Common.css, because the Chameleon skin leaves out Bootstrap's dark mode.
Reference	getbootstrap.com - color modes
Styling	For all possible color styles and corresponding examples, see colors.

Light mode

Code

<div class="progress" role="progressbar" aria-label="Example">
  <div class="progress-bar" style="width: 60%">60%</div>
</div>

Result

60%

Dark mode

The code is the same as for light mode, see Color modes.

Result

60%

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!