Autumn Sale50% offCOMPOT
Charts & GaugesFree ComponentiOS 16.0+Xcode 15+

Basic Gauge Component

Horizontal linear gauge component visualizing current vs. target progress.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
gaugeBasic.swift
import SwiftUI

struct GaugeBasic: View {
    
    var label: String
    var value: Float
    
    var body: some View {
        Gauge(value: value) {
            Text(label)
        }
    }
}

struct UseGaugeBasic: View {
    
    var body: some View {
        GaugeBasic(label: "Progress", value: 0.4)
            .padding()
    }
}

#Preview {
    UseGaugeBasic()
}

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • Dashboard overviews, stats tracking, and metric highlights

Component Details

iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Free
Themes & Contexts
dashboard
Keywords
gaugeprogressindicator
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store