Progress Bar
Progress72%
<div style="max-width:320px"><div style="display:flex;justify-content:space-between;margin-bottom:6px"><span style="color:#fff;font-size:0.85em;font-weight:500">Progress</span><span style="color:#94a3b8;font-size:0.85em">72%</span></div><div style="width:100%;height:10px;background:#1e293b;border-radius:9999px;overflow:hidden"><div style="width:72%;height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:9999px"></div></div></div>Customize
#6366f1
#a855f7
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | Progress | Displayed text |
startColor | color | #6366f1 | Gradient start color |
endColor | color | #a855f7 | Gradient end color |
Gradient progress bar with percentage