Circular progress / dmx-bind doesn't work

[htatd]

Hi. Happy new year!

Does anyone know a good library, codepen or something for circular and semi-circular progress bars?

[htatd]

Ok found one, but somehow I can’t bind with dmx-bind:

Without binding it works:

<div role="circularprogressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="200" style="--value:50">

With binding it doesn’t work, in this case it should show 5%:

<div role="circularprogressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="200" dmx-bind:style="--value:((get_user_sales.data.get_user_sales.count() / userdetails.data.query[0].MonthTarget) * 100).round(0)"></div>

[MH2ag]

Have look at:

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”