slidey.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        Slidey()
    }
}

struct Slidey: View {
    let width: CGFloat = 200.0
    
    @State var progress = 0.5
    @State var isGestureActive = false
    
    var body: some View {
        Capsule()
            .foregroundStyle(Color.black)
            .overlay(alignment: .leading) {
                Capsule()
                    .foregroundStyle(Color.green)
                    .frame(width: width * progress)
            }
            .frame(width: width, height: isGestureActive ? 40.0 : 20.0)
            .animation(.default, value: isGestureActive)
            .gesture(DragGesture()
                .onChanged { value in
                    if !isGestureActive {
                        isGestureActive = true
                    }
                    
                    progress = value.location.x / width
                }
                .onEnded { value in
                    isGestureActive = false
                }
            )
    }
}

You probably want this in a clipShape anyway to handle the slider getting flattened at the beginning.

struct Slidey: View {
    let width: CGFloat = 200.0
    
    @State var progress = 0.5
    @State var isGestureActive = false
    
    var body: some View {
        ZStack(alignment: .leading) {
            Capsule()
                .foregroundStyle(Color.black)
            
            Capsule()
                .foregroundStyle(Color.green)
                .frame(width: width * progress)
                
        }
        .gesture(DragGesture()
            .onChanged { value in
                if !isGestureActive {
                    isGestureActive = true
                }
                
                progress = min(1.0, value.location.x / width)
            }
            .onEnded { value in
                isGestureActive = false
            }
        )
        .clipShape(
            Capsule()
        )
        .frame(width: width, height: isGestureActive ? 40.0 : 20.0)
        .animation(.default, value: isGestureActive)
    }
}