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.

Option Default Example Description
color prime color="dark" Choose a color scheme for the bar:

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


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

Still having trouble? Head over to the forums.