82
Views
8
Comments
Solved
Display an animated counter
Question

Hi All,

Is there any way we can display a number with it being animated from 0 to that number every time we refresh the page? 

Would appreciate it if anyone helps. Really need it




mvp_badge
MVP
Rank: #90
Solution

Hi Ravi,

I created a Forge component based on your requirement....

Check this: https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=8968 

Sample App: https://sbsam.outsystemscloud.com/CountUp/CountUpDemo 


Hope this helps you!


Regards,

Benjith Sam

Rank: #89

HI Ravi,

Follow this question it will help you.

https://www.outsystems.com/forums/discussion/62190/can-i-use-progress-circle-fraction-as-a-countdown-timer/ 

In this question we are using Progress circle you can use progress Counter or Simple you can use expression to show this type number.



Regards

Rahul Sahu

Hi Ravi,

There are many sources that you can use to get a counter like that. I found also one on codepen. https://codepen.io/lukepeters/pen/DGowf

Besides the element you want to use, it is important to know if you want to use this on web of mobile/reactive.
So what kind of application is it? Web or mobile/reactive?  
This will be of influence on how to implement it.  


mvp_badge
MVP
Rank: #90
Solution

Hi Ravi,

I created a Forge component based on your requirement....

Check this: https://www.outsystems.com/forge/Component_Overview.aspx?ProjectId=8968 

Sample App: https://sbsam.outsystemscloud.com/CountUp/CountUpDemo 


Hope this helps you!


Regards,

Benjith Sam

Nice done, Ravi.

I was struggling with the JQuery, but you managed it good!