import SwiftUI

struct BarColorView: View {
    
    var colors: [Color]
    var values: [CGFloat]
    
    let screenWidth = UIScreen.main.bounds.size.width
    
    var body: some View {
        let sum = values.reduce(0, +)
        ZStack {
            HStack(spacing: 0) {
                ForEach(Array(zip(colors, values)), id: \.0) { item in
                    
                    Rectangle()
                        .foregroundColor(item.0)
                        .frame(maxWidth: item.1/sum * screenWidth)
                }
            }
            .cornerRadius(10)
            .frame(maxWidth: screenWidth, maxHeight: 25, alignment: .leading)
        }
    }
}

struct BarColorView_Previews: PreviewProvider {
    static var previews: some View {
        BarColorView(colors: [Color.red, Color.blue, Color.green, Color.pink], values: [10.0, 100.0, 30.0, 80])
            .previewLayout(PreviewLayout.sizeThatFits)
            .padding()
            .previewDisplayName("BarColorView")
    }
}