Arcade Progress Bar

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