Progress

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

Uploading40%

Run

Alkmaar / 06:00

Issue 03 is on the cylinder. Forty percent through the run.

On press40%

Install

npx @noordvc/raster-cli 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