---
title: Counter
description: "The Counter Up widget animates numbers smoothly as users scroll, making statistics and achievements more engaging. It is ideal for displaying success metrics, milestones, or performance data in a visually attractive way. ## How to Use Counter Widget of Easy…"
url: "https://wpeasyelements.com/docs/counter/"
updated: "2025-12-15"
category: General Widgets
---

# Counter

The Counter Up widget animates numbers smoothly as users scroll, making statistics and achievements more engaging. It is ideal for displaying success metrics, milestones, or performance data in a visually attractive way.

## How to Use Counter Widget of Easy Elements

### Step 1:

#### Add Counter Widget:[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

Select the Counter widget from the left panel, then drag and drop it into your desired area on the canvas.

![](https://wpeasyelements.com/wp-content/uploads/2025/11/image-61.png)

### Step 2:

#### Counter Settings:

1. **Counter Number, Prefix and Suffix Number**
2. **Animation Duration**
3. **Separator Style**
4. **** **Icon Show / Hide**
5. **** **Counter Title**

![](https://wpeasyelements.com/wp-content/uploads/2025/11/image-62.png)

### Step 3:

#### Customize Counter Style:

Easily customize your widgets appearance including Counter Item and others style —all from the Style panel.

![](https://wpeasyelements.com/wp-content/uploads/2025/11/image-63.png)