title: SwiftUI circle position x and y
body: <p>I'm having troubles figuring out the proper way to find the x and y coordinates to place and <code>Image</code> in an <code>overlay</code> to the correct position for a progress view I'm making. I'd like the end result to look like the screenshot, just not sure what formula I would use. My mathematical skills are subpar to say the least.</p>
  <pre class="lang-swift prettyprint-override"><code>GeometryReader { geometry in
      ZStack {
          Circle()
              .trim(from: 0.0, to: 0.5)
              .stroke(Color.blue, style: StrokeStyle(lineWidth: 5))
              .rotationEffect(.degrees(-180))
              .frame(width: geometry.size.width)
              .opacity(0.5)
              .overlay(Circle()
                          .trim(from: 0.0, to: CGFloat(configuration.fractionCompleted ?? 0) / 2)
                          .stroke(Color.blue, style: StrokeStyle(lineWidth: 5))
                          .rotationEffect(.degrees(-180))
                          .frame(width: geometry.size.width).overlay(
                              Circle()
                                  .frame(width: 20, height: 20)
                                  .position(x: 0, y: 0)
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/cwVos.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cwVos.png" alt="enter image description here" /></a></p>