Component · controls

Liquid glass progress

Completion or level.

Also called meter, progress bar, gauge

A glass panel holding two determinate progress tracks and an indeterminate one, over zoomed desert ridges.
A glass panel holding two determinate progress tracks and an indeterminate one, over zoomed desert ridges. (light)
A glass panel holding two determinate progress tracks and an indeterminate one, over a zoomed night skyline and its waterline.
A glass panel holding two determinate progress tracks and an indeterminate one, over a zoomed night skyline and its waterline. (dark)

Spec

Material
track: flat glass groove · fill: solid accent (or tinted liquid)
Profile
flat
Geometry
track 6–8 tall, radius h/2; label left + value right above
Bezel (px)
0
Displacement (px)
0
Blur (px)
0

Anatomy

  • label/value row
  • groove
  • fill

States

  • determinate
  • indeterminate (moving highlight)

Rules

  • Thin tracks carry no refraction; do not fake it with gradients.