Counter animates a numerical value by counting to it.

Based on CountUp.js by inorganik.

Components and more
Use Cases
Documentation pe:counter
Attributes (move mouse over the names to see data types)
Name Description
id Unique identifier of the component in a namingContainer.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
widgetVar Name of the client side widget.
style Style of the main container element. Default value is null.
styleClass Style class of the main container element. Default value is null.
start Number to start at. Default is 0.
end The value you want to arrive at.
decimals Number of decimal places. Default is 0.
duration Animation duration in seconds. Default is 2.
useGrouping Example: 1,000 vs 1000. Default is true.
useEasing Ease animation. Default is true.
smartEasingThreshold Smooth easing for large numbers above this if useEasing. Default is 999.
smartEasingAmount Amount to be eased for numbers above threshold. Default is 333.
separator Grouping separator. Default is ','.
decimal Decimal seperator. Default is '.'.
prefix Text prepended to result.
suffix Text appended to result.
autoStart In autoStart mode, the counter will start immediately. Default is true.
visible Set to false to hide the counter. The listener will be fired anyway.
onstart Javascript handler executed the counter starts.
onend Javascript handler executed the counter stops.
Events (move mouse over the names to see classes)
Name Description
startfires when the counter is started
endfires when the counter is stopped
PrimeFaces Extensions Showcase - © 2011-2020, PrimeFaces: 8.0, PrimeFaces Extensions: 8.0.2, JSF: jakarta 2.3.14, Server: jetty/9.4.36.v20210114, Build time: 2020-04-29 13:39