SwiftUI) Slider, 원형 progress 꾸미기

import SwiftUI
 
struct ContentView: View {
    
    @State private var progress: CGFloat = 0
    
    
    var body: some View {
        VStack{
            
            Slider(value: $progress)
                .padding()
            
            ZStack{
                Circle()
                    .stroke(Color.gray.opacity(0.3), lineWidth: 20)
                
                Circle()
                    .trim(from: 0, to: progress)
                    .stroke(style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round))
                    .fill(progress == 1 ? Color.green : Color.red)
                    .rotationEffect(.degrees(-90))
                    .animation(.easeInOut)
                
                Text("\(String(format: "%.2f", progress * 100))"+"%")
                    .foregroundColor(progress == 1 ? Color.green : Color.red)
                    .font(.largeTitle)
            }.padding()
            
        }
    }
}

- progress : 진행율 나타냄.

- Slider로 진행율 pickup

- ZStack : Circle두개 겹침

- trim으로 분할원생성 -> stroke (StrokeStyle로 세부 설정) 가 선 모양만 남기고 거름

- fill, rotationEffect, animation