1. Home
  2. Knowledge Base
  3. Shortcodes
  4. Progress Bars

Progress Bars

Input Attributes:
 - title: optional
 - style: normal, info, success, warning, danger
 - progress: 0% - 100%
 - show: on, off

[margin size=”20″]

5 Colors Styles

[progress1 title=”Normal” style=”normal” progress=”60″ show=”on”][/progress1]
[progress1 title=”Info” style=”info” progress=”60″ show=”on”][/progress1]
[progress1 title=”Success” style=”success” progress=”60″ show=”on”][/progress1]
[progress1 title=”Warning” style=”warning” progress=”60″ show=”on”][/progress1]
[progress1 title=”Danger” style=”danger” progress=”60″ show=”on”][/progress1]

3 Effects

[progress1 title=”Basic” style=”normal” progress=”60″ show=”on”][/progress1]
[progress2 title=”Striped” style=”normal” progress=”60″ show=”on”][/progress2]
[progress3 title=”Animated” style=”normal” progress=”60″ show=”on”][/progress3]

[margin size=”20″]

The styling of shortcodes may vary depending on exactly which theme you are using. This is to ensure that the shortcode best matches the design of the particular theme.

If you find that the shortcode you’re using looks different to that shown above then please refer to the shortcodes section for the demo site of the theme you’re using.

Still need support?

Use the search form above to explore more articles.

If you have an urgent support query please do submit a support ticket and one of our devs will be on hand to help.