Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
Data displayApple

Wearable progress

Surround wearable content with clamped semantic circular progress.

Public APILumenWatchProgressRingApple / SwiftUISwift product: LumenUI

Apple availability

Supported native targets

Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.

Apple Watch · watchOS 9+

Native example

Use Wearable progress

Use for short at-a-glance progress. Keep long-running background work, Always On policy, and timeline updates application-owned.

Wearable progress rendered in the watchOS simulator Lumen playground
Verified runtime capturewatchOS simulator
swift
LumenWatchProgressRing(value: elapsed, maximum: threshold) {
    TimerLabel()
}

Reference

Public API

The primary shared and platform-specific options exposed by LumenWatchProgressRing.

APIValues or typeDefaultDescription
valueFinite numeric valueRequiredProvides current progress.
maximumPositive numeric value1Defines the upper bound.
tonebrand · accent · success · warning · danger · neutralbrandApplies semantic progress color.
lineWidthNative display units4Controls the clamped ring stroke.
contentNative view slotRequiredProvides application-owned center content.

Native behavior

Design and accessibility

When to use it

Use for short at-a-glance progress. Keep long-running background work, Always On policy, and timeline updates application-owned.

Accessibility

Exposes a normalized progress range while application-owned inner content retains its own readable semantics.

Shared component

Available on other platforms

Android / Compose
Apple docsSwiftUI package