[ad_1]
I’m making a round progress bar and I needed to learn the way can I begin the progress bar from the highest and never from the correct hand facet. I need to begin the progress bar the place the arrow is pointing.
Circle()
.stroke(lineWidth: 5.0)
.foregroundColor(.grey)
.opacity(0.4)
.body(width: 75, top: 75)
Circle()
.trim(from: 0, to: share)
.stroke(lineWidth: 5.0)
.foregroundColor(percentageColor)
.body(width: 75, top: 75)
.overlay {
Textual content(tweetCount)
.fontWeight(.daring)
}
UPDATE: SOLUTION
Right here is my answer that works.
ZStack {
Circle()
.stroke(lineWidth: 5.0)
.foregroundColor(.grey)
.opacity(0.4)
.body(width: 75, top: 75)
Circle()
.trim(from: 0, to: share)
.stroke(lineWidth: 5.0)
.rotation3DEffect(Angle(levels: 270), axis: (x: 0, y: 0, z: 1))
.foregroundColor(percentageColor)
.body(width: 75, top: 75)
.overlay {
Textual content(tweetCount)
.fontWeight(.daring)
.transaction { transaction in
transaction.animation = nil
}
}
}
[ad_2]

