How did they do the heart?

I am trying to figure out how to make a heart like in the example from a screenshot for a Galaxy Watch 3 article. The heart that has 3 different progress bars.
unknown

How did they make the bottom curve so much into a angle like that. Does anyone know how that can be done?

Thank you.

You trying to make a curved progress bar with WFS for Galaxy Watch4 or are you trying to make a progress bar for Galaxy Watch3 using Galaxy Watch Studio each is a different item.

For WFS for Galaxy watch 4 it is pretty Simple Attached is one I did I used a Tag ([BATT_PER]/4) in the Range Setting value box in this for a battery.

image

You can play with the settings to see what you can do.

For Galaxy Watch3 and older in GWS there are some example projects that have progress bars, Let me know if that is what you want.

Ron
Samsung Developer Relations

No, I am trying to make for Watch 4, I can manage circular and bend that, but cannot seem to get that nice sharper V for the bottom of the heart. I don’t seem to be able to manipulate it to do that. Is that not possible for Watch 4?

Thank you.

If you are talking about the heart icon you have to design that yourself.

Ron
Samsung Developer Relations

No, not the icon, the green, pink, and blue progress bars that make up the heart there.

It took me forever to notice what you were saying but then oh it was so obvious. :slight_smile:

The only way I can think of to do this is to make the progress bar thicker and then put an image to mask off areas so it looks like that.

Ron
Samsung Developer Relations

Yep, or you could make the V out of two separate progress bars overlapping, and using some clever tags to have the left side show 0-50%, and the second show 50-100%.