Forum Academy Marketplace Showcase Pricing Features

Looking for a way to display a progress ring

In Figma there’s a way to create a Progress Ring and I’m hoping to duplicate that in Bubble. I’d like to be able to put the progress ring inside a repeating group and tie the arc value to a database field.

Here’s what one looks like with the value presented inside it. It’s composed of two rings actually, one for the key data (in green) and the second covers the remaining arc (in grey)

In Figma, each arc is presented using 3 values, the starting point, the amount of arc, and the thickness of the ring. There’s one set of these values for each of the ring colors.

Any thoughts or ideas how this might be accomplished would be greatly appreciated.

could you do this in Bubble? how did you do it ?