I need to implement this:

Honestly I don't have any idea how to google this. I'm looking for a Vue/Nuxt solution or any hints in general on how to implement this.
EDIT: Sorry for bad question i guess. I was not asking for tutorial on how to do circle. I needed to do different charts using API. For anyone else looking for this i found Bubble Cloud Chart in vue-graph
Using simple CSS:
#pie {
width: 100px;
height: 100px;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 50%;
background-color: #F3F3F4;
/* Center text */
display: flex;
justify-content: center;
align-items: center;
}
<div id="pie">
<p>32%</p>
</div>