Primary Color

Secondary Color

Tertiary Color

Top Header

Horizontal Menu Color

Vertical Menu Color

Primary Button

Secondary Button

Tertiary Button

Icon

Body Font

Heading Font

Horizontal Menu Font

Vertical Menu Font

Custom Background (Support Box Layout Only)


Background Image

  • patten 0
  • patten 1
  • patten 2
  • patten 3
  • patten 4
  • patten 5
  • patten 6
  • patten 7
  • patten 8
  • patten 9
  • patten 10

Backgrounds Color

Home » Features » Blog Shortcode » Shortcode Progress Bars

Shortcode Progress Bars

PROGRESS BARS

1 – NO STRIPED – NO ANIMATED
Loading %
Loading %
Loading %
Loading %
Loading %

Syntax:

<h5>NO STRIPED - NO ANIMATED</h5> [progress animated_bars="0" striped_bars="0"][bar style="default" percent_bars="10"]Loading %[/bar][/progress] [progress animated_bars="0" striped_bars="0"][bar style="info" percent_bars="20"]Loading %[/bar][/progress] [progress animated_bars="0" striped_bars="0"][bar style="success" percent_bars="30"]Loading %[/bar][/progress][progress animated_bars="0" striped_bars="0"][bar style="warning" percent_bars="40"]Loading %[/bar][/progress][progress animated_bars="0" striped_bars="0"][bar style="danger" percent_bars="50"]Loading %[/bar][/progress]
2 – STRIPED – NO ANIMATED
Loading %
Loading %
Loading %
Loading %
Loading %

Syntax:

[progress animated_bars="0" striped_bars="1"][bar style="default" percent_bars="10"]Loading %[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="info" percent_bars="20"]Loading %[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="success" percent_bars="30"]Loading %[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="warning" percent_bars="40"]Loading %[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="danger" percent_bars="50"]Loading %[/bar][/progress]
3 – STRIPED – ANIMATED
Loading %
Loading %
Loading %
Loading %
Loading %

Syntax:

[progress animated_bars="1" striped_bars="1"][bar style="default" percent_bars="10"]Loading %[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="info" percent_bars="20"]Loading %[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="success" percent_bars="30"]Loading %[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="warning" percent_bars="40"]Loading %[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="danger" percent_bars="50"]Loading %[/bar][/progress]