Animated number counter - with % symbol

Design help Animations & Interactions
1

Hi. I’ve created a number counter that is working fine.

However, I want the numbers to have a (%) symbol. For example 48.76%. When I just have the number the animation works fine. But as soon as I add the % symbol it doesn’t work.

Is there an easy way to separate the % symbol from the number in regards to the class applied?

Thanks

Here is my public share link: Webflow - UNW-China-Factsheet

2

Hi Stephan!

You could duplicate the text, rename the duplicate (to prevent it being selected by the custom code) give them display: inline and group them. display: inline is the default for text, which makes them “stick” with each other!

image
image2510×1222 279 KB

3

Thanks!!! I knew it would be something simple that I wasn’t seeing. Cheers. :slight_smile:

1 Like