BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Counter Widget for Elementor Free

A number that counts up when it scrolls into view.

Overview

What Counter does

Counter animates a number from a start value to an end value the first time it scrolls into view. It can show an icon, a prefix, a suffix and a title, and it formats large numbers with a thousands separator. Use it for stats such as clients served, years in business or projects done.

Live demo

See it in action

1,250+
Happy clients
Features

What it can do

  • Counts from a start number to an end number when scrolled into view.

  • Prefix and suffix text, such as a currency sign or a plus.

  • Thousands separator: none, comma, dot or space.

  • Up to 4 decimal places.

  • Animation duration from 100 to 10000 milliseconds.

  • Optional icon above the number and a title below it.

  • Shows the end number right away for visitors who ask for reduced motion.

  • Box background, padding, border, radius and shadow.

Use cases

When to use it

Company stats

Show clients, projects and years in a row of counters.

Money figures

Add a currency sign as Prefix and set the Decimal Places.

Percentages

Use a percent sign as Suffix for satisfaction or growth numbers.

Count down effect

Set a Start Number higher than the End Number to count down to a value.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Counter from the Bright Addons category onto the page.

  2. Set the Start Number and the End Number.

  3. Add a Prefix or Suffix and choose the Thousands Separator and Decimal Places.

  4. Set the Animation Duration (ms).

  5. Type the Title, pick the Title Tag and choose an Icon if wanted.

  6. Set the Alignment, then open the Style tab for the box, number, title and icon styles.

FAQ

Questions and answers

When does the counting start?

It starts when the number scrolls into view, not on page load, so visitors see the animation.

Can I add a dollar sign or a plus?

Yes. Type it in Prefix or Suffix. Both are printed tight against the number with no gap.

Can the counter show decimals?

Yes. Set Decimal Places from 0 to 4 and type the End Number with decimals.

Does it replay each time I scroll past?

No. It animates once, the first time it comes into view.

Free forever

Counter is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.