neumorphicVolumeControl.swift

ZStack(alignment: Alignment(horizontal: .leading, vertical: .center), content: {
    Capsule()
      .fill(Color.gray.opacity(0.2))
      .frame(height: 6)
    ZStack(alignment: Alignment(horizontal: .trailing, vertical: .center)) {
      Capsule()
        .fill(Color("dark").opacity(0.6))
        .frame(width: value,height: 6) //value is the current volume percentage
      Circle()
        .fill(Color("dark"))
        .frame(width: 10, height: 10).padding(.all, 10).background(Color("light")).clipShape(Circle())
        .shadow(color: Color("dark"), radius: 5, x: -10, y: -10)
        .blur(radius: 5) 
    }
})
.gesture(DragGesture().onChanged({ (value) in
    if value.location.x <= UIScreen.main.bounds.width - 30 && value.location.x >= 0{
        self.value = value.location.x
    }
}))