Progress

4px bar. The percentage lives in the label, not the bar.

Uploading40%

Install

npx raster add progress

Markup

<div class="rs-progress-head"><span>Uploading</span><span>40%</span></div><div class="rs-progress"><span style="width:40%"></span></div>

React

import { Progress } from "@/components/raster/progress";

<Progress label="Uploading" value={40} />

Classes

.rs-progress.rs-progress-head