Progress Bar

[component-header:sl-progress-bar]

Progress bars...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

<sl-progress-bar percentage="0"></sl-progress-bar><br>
<sl-progress-bar percentage="25"></sl-progress-bar><br>
<sl-progress-bar percentage="50"></sl-progress-bar><br>
<sl-progress-bar percentage="75"></sl-progress-bar><br>
<sl-progress-bar percentage="100"></sl-progress-bar>

[component-metadata:sl-progress-bar]

Examples

Custom Height & Label

<sl-progress-bar percentage="0" height="18">0%</sl-progress-bar><br>
<sl-progress-bar percentage="25" height="18">25%</sl-progress-bar><br>
<sl-progress-bar percentage="50" height="18">50%</sl-progress-bar><br>
<sl-progress-bar percentage="75" height="18">75%</sl-progress-bar><br>
<sl-progress-bar percentage="100" height="18">100%</sl-progress-bar>

1.0 KiB Raw Blame History

Progress Bar

Examples

Custom Height & Label

1.0 KiB

Raw Blame History