Progress Bars

Progress Bars

Awesome Progress Bars to show your skills or any data you get from your Customers. Display them in every Color, use small or lage Layouts, use Headline, Stripes and many many more. Of course animated only first when they get visible.

  • Use with any Percent Value you wish
  • Place your custom Text inside
  • Use 8 different Colors
  • Nice animated in Viewport
  • Enable or disable the Stipes
  • Stiped can also be animated

Default Large Progress Bars

Proin adipiscing 90$

Default Slim Progress Bars

Curabitur pellentesque

Progress Bars Colors

Curabitur pellentesque 72°
Nunc faucibus 64€
Venenatis at Laoreet. 92%
Tortor Consectetur Egestas
Proin adipiscing 90%
Sed hendrerit enim 80%
Turpis venenatis 76%
Fermentum Ridiculus Euismod

Progress Bars Striped (Text disabled)

Curabitur pellentesque 72%
Nunc faucibus 64%
Venenatis at Laoreet. 92%
Proin adipiscing 90%
Sed hendrerit enim 80%
Turpis venenatis 76%

Progress Bars Striped (Animated)

Curabitur pellentesque 72%
Nunc faucibus 64%
Venenatis at Laoreet. 92%
90€ Proin adipiscing
80$ Sed hendrerit enim
76 Pieces Turpis venenatis

Progress Bars Animations from 5-100

Minimal Shortcode

{progress width="95"}Name here{/progress}

Shortcode with some Options

{progress width="95" type="slim" color="primary"}{/progress}
Parameter Name Description Possible values Default
width The Width for the Progress Bar in Percent Any Number from 1-100
type Enter a Type for a alternative Layout, use no layout Parameter for default slim
color The Color for the Progress Bar default, dark, success, info, warning, danger, primary, secondary, tertiary default
striped Choose if the Progress Bar should be striped. Add the Value active for animation also
text You can include Text between the Brackets, set this to no to hide the Text. Useful for type="slim"
class Add a optional Class to the Shortcode
id Add a optional unique ID to the Shortcode

WSInfinity

We are WS-Theme, a creative and awesome group of individuals. In 2016 we set us a Goal to make the perfect Joomla Template. We believe this Joomla Template can make your life much more easier. We encourage you to try this Template, it will change your outlook on what a Joomla Template can do.

Contact us

  • Address: Untere Koppenhalde 11
    72406 Bisingen
    Germany
  • Email: office@braink.com
  • Phone: +88 (0) 144 5532 001

Newsletter

Sign up to our newsletter and get exclusive deals you wont find anywhere else straight to your inbox!

Menu

Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Joomla Template.




Backend View Shortcode System