How to remove the sides of the circle, as in the screenshot using css?

Question

css

How to do this with css?
I tried making a block, giving it a width and height of 175px, then making a border and 100% rounding. Then I removed one of the sides of the frame, but it turned out not at all what was needed, tell me please

Answer 1

https://codepen.io/anon/pen/oVMjRR

Answer 2

https://youtu.be/BOgc1KRYk30 - part 1
https://youtu.be/rOtNHrEDBbM - part 2
https://youtu.be/qB_EEdcj6-U - css only

Answer 3

Three JOINs

SELECT `id` 
  FROM `cms3_objects` AS `o`
  JOIN `cms3_object_content` AS `t1` ON `t1`.`obj_id` = `o`.`id`
      AND `t1`.`field_id` = '911' AND `t1`.`rel_val`='283367'
  JOIN `cms3_object_content` AS `t2` ON `t2`.`obj_id` = `o`.`id`
      AND `t2`.`field_id` = '912' AND `t2`.`rel_val`='800'
  JOIN `cms3_object_content` AS `t3` ON `t3`.`obj_id` = `o`.`id`
      AND `t3`.`field_id` = '913' AND `t3`.`rel_val`='66756'