# All files / src/components/ui progress.tsx

0% Statements 0/4
0% Branches 0/2
0% Functions 0/1
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32

     "use client"

    import * as React from "react"
    import * as ProgressPrimitive from "@radix-ui/react-progress"

    import { cn } from "@/lib/utils"

    function Progress({
      className,
      value,
      ...props
    }: React.ComponentProps<typeof ProgressPrimitive.Root>) {
      return (
        <ProgressPrimitive.Root
          data-slot="progress"
          className={cn(
            "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
            className
          )}
          {...props}
        >
          <ProgressPrimitive.Indicator
            data-slot="progress-indicator"
            className="bg-primary h-full w-full flex-1 transition-all"
            style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
          />
        </ProgressPrimitive.Root>
      )
    }

    export { Progress }