Loading Bar

struct ProgressView: View {
    @State private var progressValue = 0.5

    var body: some View {
        VStack {
            Text("Progress Bar")
                .font(.title).bold()
                .padding()
            
            ProgressBar(progress: progressValue, barColor: .blue)
                .frame(height: 20)
                .padding()
            
            HStack {
                // Decrease progress
                Button(action: {
                    withAnimation {
                        progressValue = max(progressValue - 0.1, 0)
                    }
                }) {
                    Text("Decrease")
                }
                .padding()
                
                Spacer()
                
                // Increase progress
                Button(action: {
                    withAnimation {
                        progressValue = min(progressValue + 0.1, 1)
                    }
                }) {
                    Text("Increase")
                }
                .padding()
            }
        }
    }
    
    // Progress bar
    struct ProgressBar: View {
        var progress: Double
        var barColor: Color
        var barHeight: CGFloat = 10

        var body: some View {
            GeometryReader { geometry in
                ZStack(alignment: .leading) {
                    Rectangle()
                        .frame(width: geometry.size.width, height: barHeight)
                        .opacity(0.3)
                        .foregroundColor(Color.gray)
                    
                    Rectangle()
                        .frame(width: min(CGFloat(progress) * geometry.size.width, geometry.size.width), height: barHeight)
                        .foregroundColor(barColor)
                        .cornerRadius(barHeight / 2)
                        .animation(.linear, value: progress)
                }
                .cornerRadius(barHeight / 2)
            }
        }
    }
}