Theme Color

Background (Support Box Layout Only)

Header

Custom Font


Body Font

Body Font Style

Heading Font

Heading Font Style

Menu Font

Menu Font Style

Custom Background Images


Background Image(Support Box Layout Only)

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

this's promotion title

Home » Shortcode Progress Bars

Shortcode Progress Bars

PROGRESS BARS

NO STRIPED – NO ANIMATED

Loading
Loading
Loading
Loading
Loading

Syntax:

[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]

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]

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]