CSS: How to create a circle progress bar

Hi,
I would like to create a circle progress bar like I found in the following snippet, but I can‘t find out how to make it dynamic with Wappler.

Did someone in the community try this already?

I need to make this number dynamic : data-percentage=“20”