Animated counter with formating

I want to show a counter with a value that increases from e.g. the value -1000 until the actual number (to give the impression that the number increases fast in real time). For that, I’ve found this plugin:

However the displayed numbers don’t show thousand separator. So, instead of showing 23,599, it simply shows 23599 (missing comma). This, for huge numbers, is important from a clarity POV.

Any workarounds or alternative ways? Thanks!

If this return a number, you can just use :formatted as function. If not returning a number, use :convert to number first and :fortmatted as after

The problem it doesn’t return a number or similar, it just modifies the content of a text element with the number, so no option to dynamically modify the format or convert it :confused:

I see. Maybe you can fork the plugin and instead of modifying element, use an exposed state.

1 Like

I wish I knew how to do that :smiley: Have never built/forked a plugin before… I’ve tried to fork it, but it doesn’t allow me anyway. Really stuck at that, and can’t find the email of the plugin owner unfortunately :frowning:

What about this workaround:

Do every 0.05s: Increase the value of a number (which is a custom state number loaded on page load) by 10 (value=value+10)

Will this be problematic with the WU? It’s a “do every 0.05s” workflow (I do it with 3 counters, within the same workflow), I’m afraid it will be too much! Apart from that, it works like a charm, and without any plugins :slight_smile:

It shouldn’t take WU. Check in logs to validate

1 Like

Number Animator Plugin | Bubble

There you go.

What I have added:

  • Add a thousand separator
  • Return a state “timer_ended”
  • Return a state “time_left”
  • Trigger an event “completed”

Join my Discord for more tips, info, and real-time advice!

2 Likes

This topic was automatically closed after 70 days. New replies are no longer allowed.