initial commit

components/ui/progress.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react'
+import * as ProgressPrimitive from '@radix-ui/react-progress'
+import { cn } from '@/lib/utils'
+
+const Progress = React.forwardRef(
+  (
+    { className, value = 0, ...props }: React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & { value?: number },
+    ref: React.Ref<HTMLDivElement>
+  ) => (
+    <ProgressPrimitive.Root
+      ref={ref}
+      className={cn('relative h-2 w-full overflow-hidden rounded-full bg-secondary', className)}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        className="h-full w-full flex-1 bg-primary transition-all"
+        style={{ transform: 'translateX(-' + (100 - value) + '%)' }}
+      />
+    </ProgressPrimitive.Root>
+  )
+)
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }