Now streaming live

Help with a number counting animation


#1

Hi All,

I’ve tried to make a counting up set of numbers to convery a currency exchange on this website.

It’s about halfway down.

http://worldunited.webflow.io/

I think its a bit janky so was wondering if anyone knew of a way to make it smoother.

Thanks :slight_smile:

Josh


Here is my public share link: LINK


Trying to make a counter for a number
#2

@OvertonGraphics

Hey Josh. Nice site you have there.

Is this what you are looking for?

http://bfintal.github.io/Counter-Up/demo/demo.html


#3

Thanks mate,

Hmmm, kind of yeah, but it needs to start when both are in view and stop after first go. I was wondering if there were any non code ways using interactions to maybe make it smoother.

Thanks for the link though :slight_smile:


#4

Dont think there are any non code ways of doing this.


#5

OK then, it will have to remain as sketchy as it is for now then :slight_smile:

Cheers


#6

Hey Josh,

Check out the number counter in Pablo’s template ‘Renova’ - http://renova-ui-kit.webflow.io/elements#Bar-Charts

Best,
Naweed


#7

@AlexManyeki

Hey Alex, thanks for posting this plugin! Its almost exactly what I need. Do you know what I could add to make the counter loop and start again after it hits its target number?

I need it to reach its target then delay for 2 seconds and start again and continue to do this.

Any help would be much appreciated :smiley:

Thanks

Ali