NeoTerm UI

Progress Bar

Horizontal progress bar with neon, gradient, and striped variants.

Import

import { ProgressBar } from "neoterm-ui";

Usage

<ProgressBar value={65} />
<ProgressBar value={80} variant="neon" label="Upload" showValue />
<ProgressBar value={45} variant="striped" size="lg" />

Props

PropTypeDefaultDescription
valuenumberCurrent progress value.
maxnumber100Maximum value.
variant"default" | "neon" | "gradient" | "striped""default"Visual style.
size"sm" | "md" | "lg""md"Bar height.
labelstringLabel text above the bar.
showValuebooleanfalseShow numeric value.