Skip to the page
Tactile UI

Kit parts

Progress

Progress through a task: ink filling a groove, never a coloured bar.

On this page
  1. Anatomy
  2. Variants
  3. States
  4. Props and options
  5. Usage notes
  6. Accessibility
  7. Related parts

Seats open in 11 days. Want one email that morning?

Anatomy

The groove is the kit’s recess, shallow. Printing, not a colour.

Variants

  • With a scale
  • With a working lamp

States

  • Empty
  • Under way
  • Done

Props and options

NameKindDescription
data-followattributeFor a value that moves all the time (a reading position, a scrub): the fill takes it at once instead of easing after it.
aria-valuenowattributeSo assistive tech reads the progress.

Usage notes

Move the fader to fill the slot.

Accessibility

  • For work with no known length, use a blinking amber lamp with words, or the Spinner, a ring of lamps: never a rotating arc.

Ladder

An LED ladder for levels and load: green, then amber, then red, the way a recording level has always been read.

Lamp

The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing, blue is linked, white is standing by. Always next to words.

Toast

A confirmation after an action.