Progress Bar

Everything and nothing

Progress Bar Shortcode

Text on Progress Bar

 
[ms_row]
[ms_column style=”1/2″]
[ms_progress striped=”none” rounded=”off” number=”yes” percent=”90″ text=”None Striped” height=”30″ color=”” textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped” rounded=”off” number=”yes” percent=”80″ text=”Striped” height=”30″ color=”” textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped animated” rounded=”off” number=”yes” percent=”85″ text=”Animated Striped” height=”30″ color=”” textalign=”left” textposition=”1″ class=”” id=””]
[/ms_column]
[ms_column style=”1/2″]
[ms_progress striped=”none” rounded=”on” number=”yes” percent=”90″ text=”None Striped” height=”30″ color=”” textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped” rounded=”on” number=”yes” percent=”80″ text=”Striped” height=”30″ color=”” textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped animated” rounded=”on” number=”yes” percent=”85″ text=”Animated Striped” height=”30″ color=”” textalign=”left” textposition=”1″ class=”” id=””]
[/ms_column]
[/ms_row]

Text above Progress Bar

 
[ms_row]
[ms_column style=”1/2″]
[ms_progress striped=”none” rounded=”off” number=”yes” percent=”90″ text=”None Striped” height=”30″ color=”” textalign=”left” textposition=”2″ class=”” id=””]
[ms_progress striped=”striped” rounded=”off” number=”yes” percent=”80″ text=”Striped” height=”30″ color=”” textalign=”left” textposition=”2″ class=”” id=””]
[ms_progress striped=”striped animated” rounded=”off” number=”yes” percent=”85″ text=”Animated Striped” height=”30″ color=”” textalign=”left” textposition=”2″ class=”” id=””]
[/ms_column]
[ms_column style=”1/2″]
[ms_progress striped=”none” rounded=”on” number=”yes” percent=”90″ text=”None Striped” height=”30″ color=”” textalign=”left” textposition=”2″ class=”” id=””]
[ms_progress striped=”striped” rounded=”on” number=”yes” percent=”80″ text=”Striped” height=”30″ color=”” textalign=”left” textposition=”2″ class=”” id=””]
[ms_progress striped=”striped animated” rounded=”on” number=”yes” percent=”85″ text=”Animated Striped” height=”30″ color=”” textalign=”left” textposition=”2″ class=”” id=””]
[/ms_column]
[/ms_row]
[ms_row]
[ms_column style=”1/2″]

Customized Color

 
[ms_progress striped=”none” rounded=”off” number=”yes” percent=”90″ text=”None Striped” height=”30″ color=”#d26464″ textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped” rounded=”off” number=”yes” percent=”80″ text=”Striped” height=”30″ color=”#4382df” textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped animated” rounded=”off” number=”yes” percent=”85″ text=”Animated Striped” height=”30″ color=”#33c778″ textalign=”left” textposition=”1″ class=”” id=””]
[/ms_column]
[ms_column style=”1/2″]

Customized Height

 
[ms_progress striped=”none” rounded=”off” number=”yes” percent=”90″ text=”None Striped” height=”30″ color=”#d26464″ textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped” rounded=”off” number=”yes” percent=”80″ text=”Striped” height=”40″ color=”#4382df” textalign=”left” textposition=”1″ class=”” id=””]
[ms_progress striped=”striped animated” rounded=”off” number=”yes” percent=”85″ text=”Animated Striped” height=”20″ color=”#33c778″ textalign=”left” textposition=”1″ class=”” id=””]
[/ms_column]
[/ms_row]