Arcade Progress Bar

The Arcade Progress Bar is what happens when your interface takes a joyride through the neon backstreets of 1986 and comes back with better UX.

What's in the box? The Arcade Progress Bar is what happens when your interface takes a joyride through the neon backstreets of 1986 and comes back with better UX. Choose your fighter: Blocks, BitBox, or Pixel-Heart versions — each animated with that click-clack-bzzzzt energy of old cathode screens. Set your segment count, direction, and colors until it looks exactly as obsessive as you feel at 2 a.m. Supports determinate, indeterminate, and auto-play modes because sometimes progress is measurable, sometimes it's just a glorious loop. Add a customizable label ("Loading {value}%", "Generating chaos", "Destiny loading…") and tweak the font, alignment, and sass level to match. Perfect for dashboards, loading screens, or any digital moment that needs a hit of quarter-slot drama. Properties Variant Mode Value Segments Direction Auto Play Duration Loop Frame Color Panel Color Fill Color Unfilled Color Shadow Color Frame Thickness Panel Inset Segment Gap Shadow Offset Notch Size Label Text Label Content Label Align Label Font Label Transform Filled Icon Empty Icon Unfilled Opacity