NeonProgress — neon-progress

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { NeonProgress } from '@oalacea/chaosui/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