Gauges

ComponentsControls

Source: Apple Inc. Canonical content at https://developer.apple.com/design/human-interface-guidelines/gauges. This file is a structured index of that content, snapshot 2025-02-02. Apple HIG text and imagery are © Apple Inc.; this repository provides organization and cross-referencing for AI agent consumption only.

Gauges

Anatomy

Best practices

Write succinct labels that describe the current value and both endpoints of the range.

Consider filling the path with a gradient to help communicate the purpose of the gauge.

Platform considerations

macOS

Continuous.

Discrete.

Consider using the continuous style for large ranges.

Consider changing the fill color to inform people about significant parts of the range.

Resources

Developer documentation

Change log


For the complete guidance, including worked examples and illustrations, see the canonical page: https://developer.apple.com/design/human-interface-guidelines/gauges

Get HIG guidance in your AI

Install Apple HIG Skills and get expert design guidance directly in Claude Code.

npx skills add raintree-technology/apple-hig-skills
Email updates aren't configured on this deployment yet. Follow the GitHub repo (opens in new tab) for updates.