Counter Circles

Show Your Progress

Get Multiplex

Few elements draw quite as much attention as our counter circles. Use them with numbers to really drive home an important statistic, with text to convey a simple message, or even with icons as a simple decorative element. However they're used, they make a bold and colorful statement.
Get Multiplex

With Percentage

With Text

With Image

With Icon

Choose Your Colors

Customization Options

  • Percent the percent the circle should animate to
  • Gradient the background gradient to show in the progress circle
  • Content Type choose to show either progress, icon, text or image
  • Icon the Font Awesome icon to show if the "icon" content type is chosen
  • Text the text to show if the "text" content type is chosen
  • Image the picture to show if the "image" content type is chosen
  • Margin Left number of pixels to add to spacing on the left
  • Margin Right number of pixels to add to spacing on the right
  • Margin Top number of pixels to add to spacing on the top
  • Margin Bottom number of pixels to add to spacing on the bottom
  • CSS Classes css classes to add to the element
  • ID string to use as the element ID
  • Entrance Animation the way to animate the element onto the page
  • Animation Delay how long to wait before animating in the element

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies