Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Homepage
GitHub
Issue Tracking
Counter
Counter animates a numerical value by counting to it.
Based on
CountUp.js
by inorganik.
Components and more
ClientBehaviours
Converters
Functions, Utils
BlockUI
Calculator
Clipboard
CodeMirror
CodeScanner
CookiePolicy
Counter
Credit Card
ClockPicker
Document Viewer
DynaForm
EChart
FluidGrid
Fuzzy Search
GChart
ImageAreaSelect
ImageRotateAndResize
ImageZoom
InputOtp
InputPhone
InputPlace
Keynote
Layout
Legend
LightSwitch
Localized
MarkdownEditor
MarkText
MasterDetail
MonacoEditor
Orgchart
OpenStreetMap
QRCode
RemoteCommand
Session
Sheet
SlideOut
Speedtest
SunEditor
Timer
TimeAgo
TimePicker
Tooltip
TriStateManyCheckbox
Waypoint
Use Cases
Basic Usage
Documentation pe:counter
Attributes (move mouse over the names to see data types)
Name
Description
autoStart
Whether to start the counter automatically.Default is true.
binding
An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
decimal
Decimal separator character.
decimals
Number of decimal places.Default is 0.
duration
Animation duration in seconds.Default is 2.
end
Ending value for the counter.
id
Unique identifier of the component in a namingContainer.Default is generated.
locale
Locale for number formatting. Can be a string or java.util.Locale instance.
onend
Client-side callback when the counter animation ends.
onstart
Client-side callback when the counter animation starts.
prefix
Text to display before the number.
rendered
Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
separator
Thousands grouping separator character.
smartEasingAmount
Amount for smart easing.Default is 333.
smartEasingThreshold
Threshold for smart easing.Default is 999.
start
Starting value for the counter.Default is 0.0.
style
Inline style of the component.
styleClass
Style class of the component.
suffix
Text to display after the number.
useEasing
Whether to use easing in the animation.Default is true.
useGrouping
Whether to use grouping separators (e.g. 1,000).Default is true.
visible
Whether the component is initially visible.Default is true.
widgetVar
Name of the client side widget.
PrimeFaces Extensions Showcase - © 2011-2025,
PrimeFaces: 16.0.0-SNAPSHOT,
PrimeFaces Extensions: 16.0.0-SNAPSHOT,
JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,
Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),
Build time: 2026-03-11 11:42
occured!