<!--
{
  "availability" : [
    "watchOS: 7.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/GaugeStyle/circular",
  "metadataVersion" : "0.1.0",
  "role" : "Type Property",
  "symbol" : {
    "kind" : "Type Property",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI10GaugeStylePA2A08CircularcD0VRszrlE8circularAEvpZ"
  },
  "title" : "circular"
}
-->

# circular

A gauge style that displays an open ring with a marker that appears at a
point along the ring to indicate the gauge’s current value.

```
@MainActor @export(implementation) @preconcurrency static var circular: CircularGaugeStyle { get }
```

## Discussion

Apply this style to a [`Gauge`](/documentation/SwiftUI/Gauge) or to a view hierarchy that contains
gauges using the [`gaugeStyle(_:)`](/documentation/SwiftUI/View/gaugeStyle(_:)) modifier:

```
Gauge(value: batteryLevel, in: 0...100) {
    Text("Battery Level")
}
.gaugeStyle(.circular)
```

This style displays the gauge’s `currentValueLabel` value at the center
of the gauge. If you provide `minimumValueLabel` and `maximumValueLabel`
parameters when you create the gauge, they appear in the opening at the
bottom of the ring. Otherwise, the gauge places its label in that
location.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)