AurumSegmentedProgressBar

Aurum's segmented progress bar — discrete progress across total segments, the first filled of them complete.

familyFeedback
platformiOS 17+ · SwiftUI
figmacomponent master ↗
sourceSources/Aurum/Component/Feedback/AurumSegmentedProgressBar.swift
code connectFigmaConnect/Sources/AurumFigmaConnect/AurumSegmentedProgressBar.figma.swift

Aurum's segmented progress bar — discrete progress across total segments, the first filled of them complete. The SwiftUI port of aurum-android's AurumSegmentedProgressBar:

- .barstotal equal 8 pt pill segments; the first filled are tinted by intent, the rest neutral. - .bubbles — the same, each segment capped by a 24 pt numbered checkpoint; completed steps fill + carry inverse-tinted numerals.

Intended use

Discrete, countable progress — onboarding steps, a multi-step form, a quiz, a story/reel position. Use .bubbles when each step is a meaningful, numbered checkpoint; .bars when it's just N of M. For a continuous fraction use AurumProgressBar.

Do

  • Pass filled / total as counts (e.g. 3 of 5); both are clamped into range.
  • Use intent to carry status — e.g. .negative for a failed step run.
  • Use .bubbles only for ≤ ~5 steps; beyond that the numerals get cramped — prefer .bars.

Don’t

  • Use it for a continuous 0–100% value — that's AurumProgressBar.
  • Recolour segments directly — pick the fixed intent palette instead.

Code Connect

Mapped to Figma node 5889:2361 ↗ — SwiftUI snippets appear in Dev Mode for the latest release.