HighendDocs
Get Highend
DocumentationElementsDevelopersChangelogv4.6.2

Milestone Counter

A number that counts up from a starting value when it scrolls into view, with an optional icon and subtitle.

Milestone Counter animates a number counting up from a starting value to an end value when it scrolls into the visitor's viewport, useful for highlighting stats like years in business, clients served, or projects completed.

Three milestone counters in a row, each with an icon, a large counted number, and a subtitle

Add it

In WPBakery, click Add Element and pick Milestone Counter from the Highend Shortcodes category. Or use the shortcode. See Shortcode.

Settings

Start NumberTextDefault: 0from

Where the count starts.

End NumberTextDefault: 1250to

Where the count ends.

IconTexticon

An icon shown above the number. See the icon list. Leave empty to hide it.

SubtitleTextDefault: My Subtitlesubtitle

Short caption shown below the number.

Counter SpeedTextDefault: 700speed

How long the count-up animation takes, in milliseconds.

Focus ColorColorcolor

Color for the number, icon, and subtitle. Leave empty for the theme's default text color.

Common settings

Milestone Counter also has Entrance Animation, Entrance Delay, and Extra class name fields. See the Elements overview.

Shortcode

[counter from="0" to="1500" color="#336699" icon="hb-moon-apple-fruit" subtitle="Change Speed" speed="700"]

Stat

A large number with a smaller suffix, such as 92%, that can count up.

Skill Bar

An animated progress bar for a percentage-based skill or stat.

Circle Chart

An animated circular progress chart.

Toggles & accordions

Build collapsible content two ways: Highend's own toggle and accordion shortcodes, or WPBakery's native Accordion, Toggle, and Tabs elements.

Stat

A large number with a smaller suffix, such as 92%, that can count up with a rolling animation when it scrolls into view.

On this page

Add itSettingsCommon settingsShortcodeRelated