I first approached this using border properties to create the trapezoid shapes. I pushed the pixels around a lot and I think I even got 100%, but then I deleted my code. When I tried again, I couldn't quite get the same result. To get 100%, I created two rectangles and used clip-path to achieve the matching trapezoid shapes. I positioned a circle relative to these two shapes.
