Components

These components demonstrate how to build scalable semantic UI with TailUI.

Progress

Progress bars with colors, sizes, and striped variants.

Preview

Upload75%

Storage45%

Quota90%

Code

1<div class="ui-progress">
2  <div class="ui-bar" style="--ui-progress-value: 75%"></div>
3</div>
4
5<div class="ui-progress ui-success">
6  <div class="ui-bar" style="--ui-progress-value: 45%"></div>
7</div>
8
9<div class="ui-progress ui-danger">
10  <div class="ui-bar" style="--ui-progress-value: 90%"></div>
11</div>