css circle example

Example 1: circle css

#circle {
  width: 100px;
  height: 100px;
  background: red;
  border-radius: 50%
}

Example 2: circle css animation

class ProgressRing extends React.Component {
  constructor(props) {
    super(props);

    const { radius, stroke } = this.props;

    this.normalizedRadius = radius - stroke * 2;
    this.circumference = this.normalizedRadius * 2 * Math.PI;
  }
}