Progress Bars

Default Progress Bar

<div class="progress progress-m">
    <div class="progress-bar"></div>
</div>

Sizes

Extra Small

<div class="progress progress-xs">
	<div class="progress-bar" style="width: 35%;"></div>
</div>

Small

Medium

Large

Extra Large

Progress bar size examples

Styles

Primary

<div class="progress progress-primary progress-m">
	<div class="progress-bar" style="width: 35%;"></div>
</div>

Accent

Information

Success

Warning

Error

Progress bar color examples