Primitive 10 / Profile meter

Profile completion meter

A simple meter that tells the user how complete their workshop profile is. Two orientations — horizontal for inline placement and vertical for a dashboard tile. Missing fields render as amber chips below the bar; when nothing remains, a friendly green confirmation shows instead.

Production answer

Profile completion meter is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Profile completion meter states
Generative search brief

Profile completion meter: A simple meter that tells the user how complete their workshop profile is. Two orientations — horizontal for inline placement and vertical for a dashboard tile. Missing fields render as amber chips below the bar; when nothing remains, a friendly green confirmation shows instead.

Horizontal — Oak Flats workshop profile, 6 / 9 filled
Workshop profile

Oak Flats workshop profile

69 fields

67%
Still missing
  • ADR settings
  • Stripe payouts
  • GST registration
Complete profile
Vertical — compact dashboard tile
Crew profile

Bay lead profile

35 fields

60%
Still missing
  • Emergency contact
  • SafeWork induction
Complete profile
All filled — green confirmation
Front desk

Front desk profile

44 fields

100%

All fields complete — nice work.