Apple Watch SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive Apple Watch previews, Swift code, and Apple documentation.

ProgressView

CircularProgressViewStyle

The style of a progress view that uses a circular gauge to indicate the partial completion of an activity

Explore CircularProgressViewStyle on Apple Watch, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
VStack {
    ProgressView("Foo")
    ProgressView(value: 0.42) {
        Text("Foo")
    } currentValueLabel: {
        Text("bar")
    }
}
.progressViewStyle(.circular)

Compatibility

iOS 14.0+ iPadOS 14.0+ macOS 11.0+ tvOS 14.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available Apple Watch screenshot for CircularProgressViewStyle.

1 views