Progress bars
[vc_row margin_top=”-5″ margin_bottom=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][dt_fancy_title title=”Text on progress bars” title_align=”left” title_size=”h6″ title_color=”custom” separator_style=”disabled” el_width=”100″ title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][vc_empty_space height=”45px”][vc_progress_bar values=”90|Development|#97dd34,70|Design|#e62a5a,80|Marketing|#7c51b6,60|Photography|#ff8c25,40|WordPress|#34beec” bgcolor=”custom” caption_pos=”on” options=”striped” custombgcolor=”#1e73be” units=”%”][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Progress Bar”
Graphic values:
90|Development|#97dd34
70|Design|#e62a5a
80|Marketing|#7c51b6
60|Photography|#ff8c25
40|WordPress|#34beec
Units: %
Bar color: Custom, #1e73be
Options: Add Stripes.
Text position: On the bar.[dt_gap height=”10″ /][/vc_toggle][vc_empty_space height=”60px”][vc_progress_bar values=”90|Development – 10 years,80|Design – 8 years,70|Marketing – 6 years,60|Photography – 4 years,50|WordPress – 3 years” bgcolor=”accent-bg” caption_pos=”on” options=”striped,animated” custombgcolor=”#1e73be”][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Progress Bar”
Graphic values:
90|Development – 10 years
80|Design – 8 years
70|Marketing – 6 years
60|Marketing – 4 years
50|Marketing – 3 years
Units: [leave empty]
Bar color: Accent
Options: Add Stripes. Add aniimation.
Text position: On the bar.[dt_gap height=”10″ /][/vc_toggle][vc_empty_space height=”80px”][dt_fancy_title title=”Text above progress bars” title_align=”left” title_size=”h6″ title_color=”custom” separator_style=”disabled” el_width=”100″ title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”][vc_empty_space height=”45px”][vc_progress_bar values=”90|Development|#97dd34,70|Design|#e62a5a,80|Marketing|#7c51b6,60|Photography|#ff8c25,40|WordPress|#34beec” bgcolor=”custom” caption_pos=”top” custombgcolor=”#1e73be” units=”%”][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Progress Bar”
Graphic values:
90|Development|#97dd34
70|Design|#e62a5a
80|Marketing|#7c51b6
60|Photography|#ff8c25
40|WordPress|#34beec
Units: %
Bar color: Custom, #1e73be
Options: not-selected
Text position: Above the bar.[dt_gap height=”10″ /][/vc_toggle][vc_empty_space height=”45px”][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Photography,50|WordPress” bgcolor=”accent-bg” caption_pos=”top” options=”striped”][vc_empty_space height=”25px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Progress Bar”
Graphic values:
90|Development
80|Design
70|Marketing
60|Photography
50|WordPress
Units: [leave empty]
Bar color: Accent
Options: Add Stripes.
Text position: Above the bar.[dt_gap height=”10″ /][/vc_toggle][/vc_column][/vc_row]