- Preview
- Code
- Options
Progress Bar Shortcode
[wps_progress_bar style="default" percent="80" text="WP Shortcode" text_position="below" show_percent="yes" bar_color="#1ABC9C" text_color="#1ABC9C" fill_color="#f2f2f2" height="8" radius="5" duration="1.5" delay="0.5"]Option name
Possible values
Default value
style
Choose style for this progress bar
Choose style for this progress bar
default
striped
animated
pie
striped
animated
pie
default
percent
Choose percent for this progress bar
Choose percent for this progress bar
any number
50
text
Choose text for this progress bar
Choose text for this progress bar
any text
WP Shortcode
style
Choose style for this progress bar
Choose style for this progress bar
over the bar
below the bar
above the bar
below the bar
above the bar
below the bar
show percent
Choose show percent for this progress bar
Choose show percent for this progress bar
yes
no
no
yes
bar color
Choose bar color for this progress bar
Choose bar color for this progress bar
unlimited colors
#1ABC9C
text color
Choose text color for this progress bar
Choose text color for this progress bar
unlimited colors
#1ABC9C
fill color
Choose fill color for this progress bar
Choose fill color for this progress bar
unlimited colors
#f2f2f2
height
Choose height for this progress bar
Choose height for this progress bar
any number
8
radius
Choose radius for this progress bar
Choose radius for this progress bar
any number
5
duration
Choose duration for this progress bar
Choose duration for this progress bar
any number
1.5
delay
Choose delay for this progress bar
Choose delay for this progress bar
any number
0.5
extra CSS class
Choose extra CSS class for this progress bar
Choose extra CSS class for this progress bar
any extra CSS class