gistfile1.txt

@State private var currentProgress: Double = 0.0

private var percentageLabel: some View {
    Text("\(Int(currentProgress * 100))%")
        .font(.system(size: 48, weight: .bold, design: .rounded))
        .foregroundColor(.white)
}

private var progressBar: some View {
    TimelineView(.animation) { context in
        let elapsedTime = animationTrigger ? context.date.timeIntervalSince(animationStartTime) : 0
        
        // Get the interpolated keyframe progress, between 0 and 1
        let keyframeValue = progressTimeline.value(time: elapsedTime)
              
        ZStack(alignment: .leading) {
            RoundedRectangle(cornerRadius: 15)
                .fill(Color.gray.opacity(0.3))
                .frame(width: 300, height: 30)
            
            RoundedRectangle(cornerRadius: 15)
                .fill(LinearGradient())
                .frame(width: 300 * keyframeValue.progress, height: 30)
        }
        .onChange(of: keyframeValue.progress) { _, newValue in
            currentProgress = newValue // allows percentage label to update 
        }
    }
}