I am trying to make circular dotted line but I am getting square in css

Question

actually I am trying to make a dotted line with CSS I want it in circular form but I am getting it in square

The code I am using is

hr {border-style: none;