Kairoz
.kairoz-progress

Progress

Minimal 4px track for determinate progress. Set the bar width inline and the fill does the rest.

.kairoz-progress.kairoz-progress-bar

Default

42% · uploading…
<div style="width:320px">
  <div class="kairoz-progress"><div class="kairoz-progress-bar" style="width:42%"></div></div>
  <div style="margin-top:6px;font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)">42% · uploading…</div>
</div>

Variants

10%
50%
85%
100%