glasscn
Glass Progress

A progress indicator with glass track treatments.

x
import { Field, FieldLabel } from "@/components/ui/field"
import { GlassProgress } from "@/components/ui/glasscn/glass-progress"

export function ProgressWithLabel() {

Installation

$ npx shadcn add @glasscn/glass-progress

Variants

clear
x
frosted
x
subtle
x
liquid
x
liquid-refract
x

API

Prop
Type
Default
Description
GlassProgressglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-refract""clear"
Controls the glass surface treatment.
GlassProgress...props
ProgressPrimitive.Root.Props-
Props from the underlying shadcn/ui primitive.