| 1 | import { cn } from '@renderer/lib/utils' |
| 2 | import React from 'react' |
| 3 | |
| 4 | export function Progress({ className, value = 0, ...props }: React.HTMLAttributes<HTMLDivElement> & { value?: number }) { |
| 5 | return ( |
| 6 | <div className={cn('soft-inset relative h-3.5 w-full overflow-hidden rounded-full', className)} {...props}> |
| 7 | <div |
| 8 | className="h-full rounded-full bg-[linear-gradient(90deg,#8fbc8f_0%,#6f8159_55%,#4f613f_100%)] transition-all" |
| 9 | style={{ width: `${Math.min(100, Math.max(0, value))}%` }} |
| 10 | /> |
| 11 | </div> |
| 12 | ) |
| 13 | } |
| 14 |