Stat

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

Stat shows a large number with an optional smaller suffix, such as 92%, 10k+, or 4.9x, for a single quick metric rather than a full Milestone Counter.

Three stats with large numbers and smaller suffixes: 92%, 140+ and 4.9/5, each with a caption

Add it

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

Settings

NumberTextDefault: 92number

The number itself.

SuffixTextDefault: %suffix

Shown smaller after the number, for example %, + or x.

Suffix PositionSelectDefault: Bottomsuffix_align

Options: Bottom, Middle, Top. Only shown when Suffix isn't empty.

Suffix SpacingTextDefault: 0.08suffix_gap

Space before the suffix, in em (relative to the font size). Only shown when Suffix isn't empty.

Font SizeTextDefault: 62size

In pixels.

Font Size on PhonesTextsize_phone

In pixels. The size scales smoothly from this size on phones to Font Size on desktops. Leave empty to pick it automatically when Fluid Typography is on in Highend Options > Typography.

Font WeightSelectDefault: 400weight

Options: 300, 400, 500, 600, 700.

ColorColorcolor

Leave empty for the theme's default text color.

AlignmentSelectDefault: Leftalign

Options: Left, Center, Right.

Animation tab

Count UpSelectDefault: Nonecount

Options: None, Roll the digits up when it scrolls into view. Each digit fades in and rolls up to its value, then the suffix slides in. Non-digit characters in Number, such as a decimal point, are shown as-is.

Works without JavaScript

The number is still readable if scripts are off, and screen readers always read the plain number and suffix rather than the rolling digits.

Common settings

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

Shortcode

[hb_stat number="92" suffix="%" size="72" color="#161514" count="roll"]

On this page