Progress Hatch

ui

Engineering-drawing progress meter: a light hatch track and a dense shade-ramp fill with a dithered leading edge, an inline right-aligned numeric readout, and a box-drawing ruler of ticks below.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/progress-hatch.json"

Sign In

Progress Hatch

ui

Engineering-drawing progress meter: a light hatch track and a dense shade-ramp fill with a dithered leading edge, an inline right-aligned numeric readout, and a box-drawing ruler of ticks below.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/progress-hatch.json"

components/ui/progress-hatch.tsx