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

Gauge with Values

Linear gauge with minimum, maximum, and current numerical milestone labels.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
gaugeBasicWValues.swift
import SwiftUI

struct UseGaugeBasicWValues: View {
    
    var body: some View {
        GaugeBasicWValues(labelText: "Progress", labelIcon: "target", current: 40, min: 0, max: 100)
            .padding()
    }
}

#Preview {
    UseGaugeBasicWValues()
}

struct GaugeBasicWValues: View {
    
    var labelText: String
    var labelIcon: String
    var current: Float
    var min: Float
    var max: Float
    
    var body: some View {
        Gauge(value: current, in: min...max) {
            Label(labelText, systemImage: labelIcon)
        } currentValueLabel: {
            Text("\\(Int(current))")
        } minimumValueLabel: {
            Text("\\(Int(min))")
        } maximumValueLabel: {
            Text("\\(Int(max))")
        }
    }
}

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
gaugeprogressindicatorvaluesmin-max
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