--- title: "AccessoryLinearCapacityGaugeStyle | Explore SwiftUI" description: "A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases" canonical_url: "https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle" meta: author: "Explore SwiftUI" "og:description": "A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases" "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_AccessoryLinearCapacityGaugeStyle%2Cdescription_~QSBnYXVnZSBzdHlsZSB0aGF0IGRpc3BsYXlzIGJhciB0aGF0IGZpbGxzIGZyb20gbGVhZGluZyB0byB0cmFpbGluZyBlZGdlcyBhcyB0aGUgZ2F1Z2XigJlzIGN1cnJlbnQgdmFsdWUgaW5jcmVhc2Vz%2Ccategory_Gauge%2Cimage_~L2FwaS9pbWFnZXMvNDUvdmFyaWFudHMvMjU3P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidmlzaW9uT1MiXX0%2Cp_Ii9saWJyYXJ5L2dhdWdlL2FjY2Vzc29yeWxpbmVhcmNhcGFjaXR5Z2F1Z2VzdHlsZSI%2Cs_0qS6b0b6yrBI6RMV.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "AccessoryLinearCapacityGaugeStyle | Explore SwiftUI" "twitter:description": "A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases" "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_AccessoryLinearCapacityGaugeStyle%2Cdescription_~QSBnYXVnZSBzdHlsZSB0aGF0IGRpc3BsYXlzIGJhciB0aGF0IGZpbGxzIGZyb20gbGVhZGluZyB0byB0cmFpbGluZyBlZGdlcyBhcyB0aGUgZ2F1Z2XigJlzIGN1cnJlbnQgdmFsdWUgaW5jcmVhc2Vz%2Ccategory_Gauge%2Cimage_~L2FwaS9pbWFnZXMvNDUvdmFyaWFudHMvMjU3P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidmlzaW9uT1MiXX0%2Cp_Ii9saWJyYXJ5L2dhdWdlL2FjY2Vzc29yeWxpbmVhcmNhcGFjaXR5Z2F1Z2VzdHlsZSI%2Cs_0qS6b0b6yrBI6RMV.png" "twitter:title": "AccessoryLinearCapacityGaugeStyle | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=45) # **AccessoryLinearCapacityGaugeStyle** A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases ![AccessoryLinearCapacityGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/45/variants/257?v=1790073478842&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 16.0+ iPadOS 16.0+ macOS 13.0+ watchOS 9.0+ visionOS 1.0+ ### **Tags** ### **SwiftUI Code** [ Docs](https://developer.apple.com/documentation/swiftui/gaugestyle/accessorylinearcapacity) ``` @State private var currentValue = 0.42 var body: some View { VStack { Gauge(value: currentValue) { Text("Foo") } Gauge(value: currentValue) { Text("Foo") } currentValueLabel: { Text("\(currentValue)") } .padding(.vertical) Gauge(value: currentValue) { Text("Foo") } currentValueLabel: { Text("42") } minimumValueLabel: { Text("0") } maximumValueLabel: { Text("100") } } .gaugeStyle(.accessoryLinearCapacity) } ``` ### **Found an issue or have a suggestion?** Created: June 3, 2025Updated: December 27, 2025 ![Connect Wizard](https://exploreswiftui.com/_ipx/f_webp&q_80&s_48x48/images/connect-wizard-icon.png) **Connect Wizard** **Unlock insights App Store Connect doesn’t show you.** [** Get Started **](https://apps.apple.com/app/apple-store/id6747314580?pt=121213751&ct=Explore%20SwiftUI%20Banner&mt=8) ### **More Gauge Components ** [**View all **](https://exploreswiftui.com/library/gauge) ![Gauge Colors - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/48/variants/261?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Gauge Colors** Customizing the colors of different styles with minimal effort ![CircularGaugeStyle - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/47/variants/263?v=1790073478842&r=2&w=412&q=75&f=webp) ### **CircularGaugeStyle** 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 ![ LinearGaugeStyle - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/46/variants/264?v=1790073478842&r=2&w=412&q=75&f=webp) ### **LinearGaugeStyle** A gauge style that displays a bar with a marker that appears at a point along the bar to indicate the gauge’s current value ![AccessoryLinearGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/44/variants/253?v=1790073478842&r=2&w=412&q=75&f=webp) ### **AccessoryLinearGaugeStyle** A gauge style that displays bar with a marker that appears at a point along the bar to indicate the gauge’s current value ![LinearCapacityGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/43/variants/267?v=1790073478842&r=2&w=412&q=75&f=webp) ### **LinearCapacityGaugeStyle** A gauge style that displays a bar that fills from leading to trailing edges as the gauge’s current value increases ![AccessoryCircularCapacityGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/42/variants/412?v=1790073478842&r=2&w=412&q=75&f=webp) ### **AccessoryCircularCapacityGaugeStyle** A gauge style that displays a closed ring that’s partially filled in to indicate the gauge’s current value ![AccessoryCircularGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/41/variants/219?v=1790073478842&r=2&w=412&q=75&f=webp) ### **AccessoryCircularGaugeStyle** 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 ![Min Max Current Value Gauge - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/40/variants/231?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Min Max Current Value Gauge** Creates a gauge showing a value within a range and describes the gauge’s current, minimum, and maximum values ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Hidden List Section Separator - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/119/variants/293?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Hidden List Section Separator** Sets whether to hide the separator associated with a list section. ![List Badge Prominence - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/124/variants/353?v=1790073478842&r=2&w=412&q=75&f=webp) ### **List Badge Prominence** Specifies the prominence of badges created by this view. ![ProgressView - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/78/variants/65?v=1790073478842&r=2&w=412&q=75&f=webp) ### **ProgressView** The different ProgressView initializers ![Default Min List Header Height - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/111/variants/310?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Default Min List Header Height** The default minimum height of a header in a list. ![Sheet Size - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/137/variants/432?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Size** Sets the available detents for the enclosing sheet. ![EllipticalListStyle - watchOS - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/103/variants/327?v=1790073478842&r=2&w=412&q=75&f=webp) ### **EllipticalListStyle** The list style that describes the behavior and appearance of an elliptical list. ![Hidden List Row Separator - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/120/variants/343?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Hidden List Row Separator** Sets the display mode to hidden for the separator associated with this specific row. ![Preferred Top Column - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/256/variants/1967?v=1791379474964&r=2&w=412&q=75&f=webp) ### **Preferred Top Column** Controls which column appears on top of the stack when NavigationSplitView collapses into a single stack in certain contexts, such as on iPhone, when iPhone Duo is closed, or on Apple Watch. By default, the sidebar appears on top. In this case, the detail column does instead. ```json {"@context":"https://schema.org","@graph":[{"@id":"https://exploreswiftui.com/#website","@type":"WebSite","description":"A visual library for SwiftUI APIs, components, and modifiers","inLanguage":"en-US","name":"Explore SwiftUI","url":"https://exploreswiftui.com/","publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle#webpage","@type":"WebPage","dateModified":"2025-12-27T19:13:14.415Z","datePublished":"2025-06-03T19:27:09.286Z","description":"A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases","name":"AccessoryLinearCapacityGaugeStyle","url":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle","breadcrumb":{"@id":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle"]}],"primaryImageOfPage":{"@id":"https://exploreswiftui.com/#logo"}},{"@id":"https://exploreswiftui.com/#identity","@type":"Organization","description":"A visual library for SwiftUI APIs, components, and modifiers","name":"Explore SwiftUI","url":"https://exploreswiftui.com","logo":{"@id":"https://exploreswiftui.com/#logo"},"sameAs":["https://x.com/Typ0genius","https://mastodon.social/@Typ0genius"]},{"@id":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle#article","dateModified":"2025-12-27T19:13:14.415Z","datePublished":"2025-06-03T19:27:09.286Z","description":"A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases","headline":"AccessoryLinearCapacityGaugeStyle","inLanguage":"en-US","name":"AccessoryLinearCapacityGaugeStyle","thumbnailUrl":"https://exploreswiftui.com/api/images/45/variants/257?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@type":"WebSite","name":"Explore SwiftUI","url":"https://exploreswiftui.com"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/gaugestyle/accessorylinearcapacity","codeSampleType":"full example","description":"A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases","name":"AccessoryLinearCapacityGaugeStyle SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"@State private var currentValue = 0.42\n\nvar body: some View {\n VStack {\n Gauge(value: currentValue) {\n Text(\"Foo\")\n }\n\n Gauge(value: currentValue) {\n Text(\"Foo\")\n } currentValueLabel: {\n Text(\"\\(currentValue)\")\n }\n .padding(.vertical)\n\n Gauge(value: currentValue) {\n Text(\"Foo\")\n } currentValueLabel: {\n Text(\"42\")\n } minimumValueLabel: {\n Text(\"0\")\n } maximumValueLabel: {\n Text(\"100\")\n }\n }\n .gaugeStyle(.accessoryLinearCapacity)\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"Gauge"},{"@type":"Thing","name":"AccessoryLinearCapacityGaugeStyle"}]},{"@id":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Gauge","item":"https://exploreswiftui.com/library/gauge","position":2},{"@type":"ListItem","name":"AccessoryLinearCapacityGaugeStyle","item":"https://exploreswiftui.com/library/gauge/accessorylinearcapacitygaugestyle","position":3}]},{"@id":"https://exploreswiftui.com/#logo","@type":"ImageObject","caption":"Explore SwiftUI","contentUrl":"https://exploreswiftui.com/apple-touch-icon.png","inLanguage":"en","url":"https://exploreswiftui.com/apple-touch-icon.png"},{"@id":"https://exploreswiftui.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://exploreswiftui.com/api/images/45/variants/257?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/45/variants/257?v=1790073478842&r=2"}]} ```