Progress With Value

A progress bar that displays the current value.

()=>{}%

Installation

1

Install the package

2

Paste this code into your project

3

Update import paths as needed

Usage

Value Position

position: follow
()=>{}%
position: start
()=>{}%
position: end
()=>{}%
position: start-outside
()=>{}%
position: end-outside
()=>{}%

Custom Label

No Label
Custom label
current: %

Spectrum Pro

Stop building from scratch.
Ship faster with Pro templates.

Premium Next.js templates built on Spectrum UI. Dark. Animated. Production-ready.