How to make circular background using css?

I need make something like this. and I want to do it for a <div></div> which has width in %

I can do this by using an image and adding another div inside and z-index.

But I want to know if it’s possible to make in this circle in backgroud using css.