Holla!
I have a custom separator (made on shapes), I also have a view on which I put my separator (I add 3 times and separate with spacers).
Below, through foreach, for example, I add a capsule with spacing 4, according to the idea, my custom separator and capsule should have the same spacings, why doesn’t it work like that, where could I be wrong?

// Separator struct

struct ProgressBarSeparator: View{

    struct RightShape: Shape {
        func path(in rect: CGRect) -> Path {
            let offsetX = rect.maxX - rect.width / 4
            let crect = CGRect(origin: .zero, size: CGSize(width: 4, height: 4)).offsetBy(dx: offsetX, dy: .zero)

            var path = Rectangle().path(in: rect)
            path.addPath(Circle().path(in: crect))

            return path
        }
    }

    struct LeftShape: Shape {
        func path(in rect: CGRect) -> Path {
            let offsetX = rect.minX - rect.width / 4
            let crect = CGRect(origin: .zero, size: CGSize(width: 4, height: 4)).offsetBy(dx: offsetX, dy: .zero)

            var path = Rectangle().path(in: rect)
            path.addPath(Circle().path(in: crect))

            return path
        }
    }

    var body: some View {
        Rectangle()
            .frame(width: 8, height: 4)
            .foregroundColor(.gray)
            .mask(RightShape().fill(style: .init(eoFill: true)))
            .mask(LeftShape().fill(style: .init(eoFill: true)))
    }
}

// Progress bar view

private var progressBar: some View {
    GeometryReader { proxy in
        ZStack(alignment: .leading) {
            Capsule()
                .foregroundColor(ColorName.black400.color)
                .frame(height: 4)

            Capsule()
                .fill(gradient)
                .frame(width: (proxy.size.width - 12) * 0 / 4, height: 4)
                .animation(.easeInOut)

            HStack.zeroSpacing {
                Spacer()
                ProgressBarSeparator()
                Spacer()
                ProgressBarSeparator()
                Spacer()
                ProgressBarSeparator()
                Spacer()
            }
        }
    }
}

// Example capsule

private var procentCashback: some View {
    HStack(spacing: 4) {
        ForEach(0 ... 3) { index in
            ZStack(alignment: .leading) {
                Capsule()
                    .fill(.orange)
                    .frame(height: 4)
            }
        }
    }
}

My broken view