neon

NeonProgress

Glowing progress bar with shimmer animation.

npx chaos add neon-progress

PREVIEW

USAGE

import { NeonProgress } from '@/components/chaos/neon/neon-progress';

<NeonProgress value={75} />
<NeonProgress value={50} variant="rainbow" showValue />
<NeonProgress value={30} size="lg" animated={false} />

PROPS

PropTypeDefault

valueCurrent progress value

number-

maxMaximum value

number100

variantNeon color

"cyan" | "pink" | "green" | "purple" | "rainbow""cyan"

sizeBar size

"sm" | "md" | "lg""md"

animatedShimmer animation

booleantrue

showValueShow percentage

booleanfalse