How to swears border around image to equal number of stories data As WhatsApp?

[amer]

I want to make border change like this in whatsApp .

[dorilama]

You can try searching for the same effect with svg.
With an html element and some svg plus a container group with layout “align to parent” and an image you should be able to do it.
From a quick search you can try this svg:

<svg width="100" height="100" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="48" 
   fill="none" stroke="green" stroke-width="4" 
   stroke-dasharray="150 5" stroke-dashoffset="-5"/>
  </svg>
</svg>

where the first value of stroke-dasharray (150 in the example) can be calculated dynamically with 6.28 * 48 / NUMBER-OF-SECTIONS.

The only problem is that you need to adjust the values if you want to change the dimension

[amer]

i try to put image in svg and not work can you help me with this and i m very thankful for you.

[dorilama]

That’s only for the border. Put the html element and a image element inside a group with layout set to “align to parent”.
https://manual.bubble.io/core-resources/elements/container-layout-types#align-to-parent

[amer]

thank you sur