元素 – 進度條

demo
[cmo_section_header heading=”CUSTOM COLORS” header_text=”You can choose any color for your progress bars.”]
[cmo_progress_bar title=”E-COMMERCE” value=”85″ css_animation=””][cmo_progress_bar title=”BRANDING” value=”65″][cmo_progress_bar title=”DESIGN” value=”92″ show_symbol=”no”][cmo_progress_bar title=”STRATEGY” value=”78″ show_symbol=”no”]
[cmo_progress_bar title=”E-COMMERCE” value=”85″ value_position=”value-right”][cmo_progress_bar title=”BRANDING” value=”65″ value_position=”value-right”][cmo_progress_bar title=”DESIGN” value=”92″ show_symbol=”no” value_position=”value-right”][cmo_progress_bar title=”STRATEGY” value=”78″ show_symbol=”no” value_position=”value-right”]
[cmo_progress_bar title=”E-COMMERCE” value=”86″ value_over_bar=”value-below-bar” bar_color=”#fdcd4f”][cmo_progress_bar title=”BRANDING” value=”65″ value_over_bar=”value-below-bar” bar_color=”#fdcd4f”][cmo_progress_bar title=”DESIGN” value=”92″ show_symbol=”no” value_over_bar=”value-below-bar” bar_color=”#fdcd4f”][cmo_progress_bar title=”STRATEGY” value=”78″ show_symbol=”no” value_over_bar=”value-below-bar” bar_color=”#fdcd4f”]
[cmo_progress_bar title=”E-COMMERCE” value=”86″ value_position=”value-right” value_over_bar=”value-below-bar” bar_color=”#fdcd4f” css_animation=””][cmo_progress_bar title=”BRANDING” value=”65″ value_position=”value-right” value_over_bar=”value-below-bar” bar_color=”#fdcd4f”][cmo_progress_bar title=”DESIGN” value=”92″ show_symbol=”no” value_position=”value-right” value_over_bar=”value-below-bar” bar_color=”#fdcd4f” css_animation=””][cmo_progress_bar title=”STRATEGY” value=”78″ show_symbol=”no” value_position=”value-right” value_over_bar=”value-below-bar” bar_color=”#fdcd4f” css_animation=””]
[cmo_section_header heading=”GAUGE VALUE BACKGROUND” header_text=”You can set custom background for the percentage value.”]
[cmo_progress_bar title=”E-COMMERCE” value=”86″ bar_color=”#e5403a” value_background=”bar-color”][cmo_progress_bar title=”DESIGN” value=”92″ bar_color=”#e5403a” value_background=”custom” value_background_color=”#fdcd4f”]
[cmo_progress_bar title=”E-COMMERCE” value=”86″ value_position=”value-right” bar_color=”#e5403a” value_background=”bar-color”][cmo_progress_bar title=”DESIGN” value=”92″ value_position=”value-right” bar_color=”#e5403a” value_background=”custom” value_background_color=”#fdcd4f”]
[cmo_progress_bar title=”BRANDING” value=”65″ bar_color=”#87ca3d” value_background=”bar-color”][cmo_progress_bar title=”STRATEGY” value=”78″ bar_color=”#87ca3d” value_background=”custom” value_background_color=”#5076bb”]
[cmo_progress_bar title=”BRANDING” value=”65″ value_position=”value-right” bar_color=”#87ca3d” value_background=”bar-color”][cmo_progress_bar title=”STRATEGY” value=”78″ value_position=”value-right” bar_color=”#87ca3d” value_background=”custom” value_background_color=”#5076bb”]
[cmo_progress_bar title=”DEVELOPMENT” value=”72″ bar_color=”#000000″ value_background=”bar-color”][cmo_progress_bar title=”MAINTENANCE” value=”81″ bar_color=”#000000″ value_background=”custom” value_background_color=”#474747″]
[cmo_progress_bar title=”DEVELOPMENT” value=”72″ value_position=”value-right” bar_color=”#000000″ value_background=”bar-color”][cmo_progress_bar title=”DEVELOPMENT” value=”81″ value_position=”value-right” bar_color=”#000000″ value_background=”custom” value_background_color=”#474747″]
[cmo_section_header heading=”BAR THICKNESS” header_text=”Custom Thickness for your progress bar”]
[cmo_progress_bar title=”E-COMMERCE” value=”85″ bar_height=”5″][cmo_progress_bar title=”BRANDING” value=”65″ bar_height=”5″]
[cmo_progress_bar title=”E-COMMERCE” value=”85″ bar_height=”8″ value_position=”value-right”][cmo_progress_bar title=”BRANDING” value=”65″ bar_height=”8″ value_position=”value-right”]
[cmo_progress_bar title=”DESIGN” value=”92″ bar_height=”10″][cmo_progress_bar title=”STRATEGY” value=”78″ bar_height=”10″]
[cmo_progress_bar title=”DESIGN” value=”92″ bar_height=”15″ value_position=”value-right”][cmo_progress_bar title=”STRATEGY” value=”78″ bar_height=”15″ value_position=”value-right”]