1.3k

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

import { createEffect, createSignal } from "solid-js"

import { Progress } from "~/components/ui/progress"

export function ProgressDemo() {
  const [progress, setProgress] = createSignal(13)

  createEffect(() => {
    const timer = setTimeout(() => setProgress(66), 500)
    return () => clearTimeout(timer)
  })

  return <Progress class="w-[60%]" value={progress()} />
}