skip to the page
superthread
componentsprogress
system
superthread
version
2.0.0-next.1
date
25.10.26

progress

a 12 px track with a 1 px edge and an 8 px fill in the house ink. the fill's leading 24 px fade out through a screen.

bunx --bun shadcn@latest add @mk/progress

in use

press the button to install the next item. the fill travels in 240 ms on the brand ease, and with reduced motion it steps.

light

installing 5 of 8 items
x

dark

installing 5 of 8 items
x

the edge

the progress edge is one of the five places superthread prints a screen. a finished bar has no edge left, so it prints solid.

light

just started
x
past half
x
finished, no edge
x

dark

just started
x
past half
x
finished, no edge
x

progress edgethe fill's leading 24 px, screened from solid to the stock