Primary Color

Secondary Color

Header Top

Header Middle

Custom Font


Body Font

Body Font Style

Heading Font

Heading Font Style

Menu Font

Menu Font Style

Sub Menu Font

Sub Menu Font Style

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 02 » 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]