进度条

progress

默认 6px 轨道 / progress--sm 4px，右侧 tabular-nums 百分比标签。

示例

64%

32%

<div class="progress">
  <div class="progress-track"><div class="progress-bar" style="width:64%"></div></div>
  <span class="progress-label">64%</span>
</div>
<div class="progress progress--sm" style="margin-top:14px">
  <div class="progress-track"><div class="progress-bar" style="width:32%"></div></div>
  <span class="progress-label">32%</span>
</div>

安装

bun add @icen.ai/ui
import '@icen.ai/ui/components/feedback.css';

用法

<div class="progress">
  <div class="progress-track"><div class="progress-bar" style="width:64%"></div></div>
  <span class="progress-label">64%</span>
</div>