Animated progress bar

The animated progress bar allows you to visually display a percentage. Choose an amount for the bar to stop at after animation. See examples here.

colorprimecolor="dark"Choose a color scheme for the bar:

  • prime = Primary color
  • dark = Dark color
end_number100end_number="80"Set the % number for the bar.
margin_top-1margin_top="25"Set the px value for top margin.
margin_bottom-1margin_bottom="25"Set the px value for bottom margin.
animated1animated="0"Switch the animation on of off.


[animated_progress color="dark" end_number="81" animated="0"]

Still having trouble? Head over to the forums.