ELEMENTO WEB

CONTADOR CIRCULAR

El Elemento Web Contador Circular cuenta con múltiples configuraciones. Son geniales para mostrar variados tipos de datos a tus visitantes. Los contadores circulares tienen opciones que te te permiten adaptarlos a tus necesidades. Pueden mostrar cualquier tipo de dato mesurable.

El Elemento Web Contador Circular es altamente personalizable

El Elemento Web Contador Circular cuenta con opciones de configuración para ajustar el tamaño del círculo, rellenar o no de color, escalas, velocidad, dirección de cuenta y más!

95 %
Users
Madrid
Visual

Control de Colores

Cada counter box puede tener colores diferentes tanto del texto como del icono dentro del Elemento Web Contador Circular.
Full
Control
of
Colors

Opciones de Columna

Cada instancia de tiene la opción de seleccionar el ancho de la columna del Elemento Web Contador Circular.
You
Can
Control
The
Circle
Size

Control de unidades

Cada instancia del Elemento Web Contador Circular tiene una unidad diferente y una posición diferente de dicha unidad.
Show
Some
Scales

Cuenta hacia adelante o hacia atrás

Cada Elemento Web Contador Circular puede tener los números de la animación contando en dirección ascendente o descendente.
Up
¡
Down
!

Iconos de la Font Awesome

Cada instancia del Elemento Web Contador Circular puede mostrar un icono de la Font Awesome en su contenido.
You
Can
Control
The
Circle
Speed

Control de bordes

Cada instancia del Elemento Web Contador Circular puede mostrar un borde alrededor de la caja.

Font
Awe
Icons

Control total de monitor de meta data del Elemento Web Contador Circular

Cada shortcode viene con un completo juego de opciones para el meta data. Estas opciones permiten activar o desactivar cada una de las secciones del meta data, o conjuntamente todo el juego a la vez.

  • Offset of Animation  = Choose when the animation should start.
  • CSS Class = Add a class to the wrapping HTML element.
  • CSS ID  = Add an ID to the wrapping HTML element.
  • Filled Area Percentage = From 1% to 100%
  • Filled Color = Controls the color of the filled in area. Leave blank for theme option selection.
  • Unfilled Color = Controls the color of the unfilled in area. Leave blank for theme option selection.
  • Size of the Counter = Insert size of the counter in px. ex: 220.
  • Show Scales = Choose to show a scale around circles.
  • Countdown = Choose to let the circle filling move counter clockwise.
  • Animation Speed = Insert animation speed in milliseconds
  • Counter Circle Text = Insert text for counter circle box, keep it short