Progress Bars

Supreme Shortcodes WordPress Plugin - Progress Bars

Progress Bars + Skill Meter, Beautiful & customizable.


Progress bars are a component in a graphical user interface used to visualize the progression of an extended computer operation, such as a download, file transfer, or installation. Sometimes, the graphic is accompanied by a textual representation of the progress in a percent format.

Progress Bars are very useful shortcode allows you to create unlimited amount of skill meters with 4 different colors, 2 types, and animated option. You can also use Progress Bars shortcode to show some progresses. Here is the great example of Progress Page Snippet.


 No Stripes



[st_progress_bar width=”10%” style=”info” striped=”no_stripes” active=”no”]
[st_progress_bar width=”20%” style=”success” striped=”no_stripes” active=”no”]
[st_progress_bar width=”30%” style=”warning” striped=”no_stripes” active=”no”]
[st_progress_bar width=”40%” style=”danger” striped=”no_stripes” active=”no”]

 Striped


[st_progress_bar width=”50%” style=”info” striped=”striped” active=”no”]
[st_progress_bar width=”60%” style=”success” striped=”striped” active=”no”]
[st_progress_bar width=”70%” style=”warning” striped=”striped” active=”no”]
[st_progress_bar width=”80%” style=”danger” striped=”striped” active=”no”]

 Active


[st_progress_bar width=”90%” style=”info” striped=”striped” active=”yes”]
[st_progress_bar width=”100%” style=”success” striped=”striped” active=”yes”]
[st_progress_bar width=”70%” style=”warning” striped=”striped” active=”yes”]
[st_progress_bar width=”40%” style=”danger” striped=”striped” active=”yes”]

 Customization Options