[titleborder title=»PROGRESS BAR» color=»red»][divider height=»10″][progressbar text=»RED – 100%» color=»red» percentage=»100″]
[progressbar text=»ORANGE – 90%» color=»orange» percentage=»90″]
[progressbar text=»YELLOW – 80%» color=»yellow» percentage=»80″]
[progressbar text=»GREEN – 70%» color=»green» percentage=»70″]
[progressbar text=»VIOLET – 60%» color=»violet» percentage=»60″]
[progressbar text=»BLUE – 50%» color=»blue» percentage=»50″]
[divider height=»40″]

Code

[divider height=»20″]

[progressbar text="LOREM IPSUM" color="yellow" percentage="100"]

[divider height=»40″]

Parameters of the shortcodes

[divider height=»20″]

Parameters Description
[progressbar text=»» insert your progressbar title
[progressbar color=»» Use the lovetravel color class (red, yellow, orange, blue, green, violet)
[progressbar percentage=»» Use this parameter to define the width of your bar (0 to 100)