- Hover Buttons
- Image Scroller
- Icon Boxes
- Buttons
- Boxes + Callouts
- Carousel
- Contact Form
- Lines + Dividers
- Lists
- Tables
- Google Maps
- Fancybox
- Google Trends
- Google Docs
- Google Charts
- Audio
- Video
- Related
- Responsive Columns
- Retina Icons
- Progress Bars
- Tabs
- Toggle
- Tooltip + Popover + Modal
- Typography
- SVG Drawings
- Spinning Icons
- Sections - Parallax
- Animated
- Swiper
- Icon Melon
- Accordion
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
