Create a Progress Bar

How can I create a circle progress bar I know there is an element called as progressbar in Wix but it’s not very useful when you want to create a very custom progress bars like circle or other styles. I checked out some NPM packs but I didn’t understand how can I create a circle progress bar like that:

In fact it’s very easy to do with CSS and HTML also JS but in Wix we can not use CSS like that.

Anyone know how can I do it with Velo?

I just want to create a page like that :


I can handle everything in this page with Wix but circle progress bar is created question marks in my brain :slight_smile:

@loeix I would use a custom element with HTML so that you can manipulate the CSS with javascript directly.

Big advantage is that you can create a property percentage and modify it via velo

So can I create dynamic (with database of course) progress bar with HTML and CSS with HTML element

@loeix Yes you can change a dynamically the value of web component widget (see code behaviour on Velo: About Custom Elements | Help Center | Wix.com)