How to create a circular progress bar?

[lulunac27a]

I want to create a circular progress bar like a donut shaped progress bar that is used with games with level and experience points (XP).

[patkon]

I don't think you can implement this with bootstrap alone. But maybe someone knows better?

I would consider using a JS library. Of course, it depends on how intensively you want to use the charts.
Example: https://www.chartjs.org/docs/latest/samples/other-charts/doughnut.html

Or pure CSS: https://codepen.io/jo-asakura/pen/NWWrWj