Using the Number Counter element

Animate counting numbers using the Number Counter element

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

The number counter begins at the specified start number and counts by 1 until the end number is reached. The counter will increment up or down depending on start and end values provided.

Number Counter Element in Vev

Adding a number counter

  • From the top menu bar, click on the Add Menu (Shortcut: M)

  • Search for and select 'Number Counter'

  • Click and drag the element onto your canvas

Styling a number counter

  • Text: Change the Number's size, color, and font

  • Margin: Add margin to the Number

  • Padding: Add padding to the Number

Configuration options

Once you've added the Number Counter element to your canvas, you can now set the configuration options, including start/stop number as well as the increment speed.
โ€‹
To start, double-click the Number Counter element to open the configuration options.

Parameter

Description

Start

The number the counter should start at.

End

The number the counter should stop at.

Increment speed

The time the counter should take to pass from one number to the next one in milliseconds.

Delay animation start

Sets a delay before the counter starts in milliseconds.

Run Once

Makes the counter run only once.

Tip: You should only use integers in the number's fields.

Did this answer your question?