Progress Bars

Show Statistics

Get Multiplex

Progress bars are an attractive and eye-catching way of showing any kind of percentage. Whether you want to show the progress of a project or a particular statistic, the entrance and striped animation will ensure visitor attention.
Get Multiplex

Show Progress Towards a Goal

Project Planning Completed 0
100% Complete
Regulator Approval Completed 0
72% Complete
Project Construction Completed 0
44% Complete

Choose Colors & Units

Current Budget 0
62% Complete
Graduation Rates 0
92% Complete
Website Construction 0
44% Complete
Current Budget 0
62% Complete
Graduation Rates 0
92% Complete
Website Construction 0
44% Complete

Customization Options

  • Percent the percent the bar should be filled in
  • Color the background color of the progress bar
  • Text the title of the progress bar
  • Counter Number the number the right counter should reach
  • Counter Prefix text to show before the right counter
  • Counter Suffix text to show after the right counter
  • Title Color the color of the progress bar title
  • Prefix Color the color of the text before the right counter
  • Number Color the color of the right counter
  • Suffix Color the color of the text after the right counter
  • 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