[vc_row][vc_column][vc_custom_heading text="Progress Bars Shortcodes" use_theme_fonts="yes" el_class="shorter"][vc_column_text]Check out all the progress bars options and can be set in different styles with Visual Composer Progress Bar, Pie Chart shortcodes.[/vc_column_text][vc_separator color="custom" gap="tall"][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text="Default" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" custombgcolor="#0088cc"][/vc_column][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" custombgcolor="#0088cc" units="%"][/vc_column][vc_column width="1/3"][vc_progress_bar values="0" bgcolor="custom" animation="" tooltip="" custombgcolor="#0088cc" units="%" min_width="2em"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][vc_custom_heading text="Contextual classes" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_progress_bar values="40" contextual="success" animation="" tooltip="" el_class="m-b"][vc_progress_bar values="20" contextual="info" animation="" tooltip="" el_class="m-b"][vc_progress_bar values="60" contextual="warning" animation="" tooltip="" el_class="m-b"][vc_progress_bar values="80" contextual="danger" animation="" tooltip="" el_class="m-b"][vc_empty_space height="20px"][vc_separator color="custom" gap="tall"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_custom_heading text="Striped" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_progress_bar values="40" bgcolor="custom" options="striped" animation="" tooltip="" custombgcolor="#0088cc"][/vc_column][vc_column width="1/2"][vc_custom_heading text="Animated" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_progress_bar values="40" bgcolor="custom" options="striped,animated" animation="" tooltip="" custombgcolor="#0088cc"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][vc_custom_heading text="Border Radius" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" border_radius="no-border-radius" custombgcolor="#0088cc" border="rect"][/vc_column][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" border_radius="border-radius" border="round" custombgcolor="#0088cc"][/vc_column][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" border_radius="circled-border-radius" border="circle" custombgcolor="#0088cc"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][vc_custom_heading text="Sizes" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" size="sm" custombgcolor="#0088cc" border="rect"][/vc_column][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" border="round" custombgcolor="#0088cc"][/vc_column][vc_column width="1/3"][vc_progress_bar values="60" bgcolor="custom" animation="" tooltip="" size="lg" border="circle" custombgcolor="#0088cc"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_custom_heading text="Animated & Tooltips" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_progress_bar values="100|HTML/CSS,85|Design,75|WordPress,85|Photoshop" bgcolor="custom" custombgcolor="#0088cc" units="%"][/vc_column][vc_column width="1/2"][vc_custom_heading text="Colors" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][vc_progress_bar values="50|Primary" bgcolor="custom" custombgcolor="#0088cc" units="%" el_class="m-b"][vc_progress_bar values="70|Secondary" bgcolor="custom" custombgcolor="#e36159" units="%" el_class="m-b"][vc_progress_bar values="75|Tertiary" bgcolor="custom" custombgcolor="#2baab1" units="%" el_class="m-b"][vc_progress_bar values="40|Quaternary" bgcolor="custom" custombgcolor="#383f48" units="%"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][vc_custom_heading text="Circular" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_pie value="75" size="175" speed="2500" line="14" units="%" barcolor="#0088cc" title="HTML/CSS"][/vc_column][vc_column width="1/3"][vc_pie value="55" view="only-icon" size="175" speed="2500" line="14" barcolor="#0088cc" title="HTML/CSS" icon="fa fa-star"][/vc_column][vc_column width="1/3"][vc_pie value="58" view="single-line" size="175" speed="2500" line="14" barcolor="#0088cc" title="HTML/CSS"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][vc_custom_heading text="Sizes" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_pie value="75" view_size="sm" size="85" speed="2500" line="3" units="%" barcolor="#0088cc"][/vc_column][vc_column width="1/3"][vc_pie value="75" size="175" speed="2500" line="14" units="%" barcolor="#0088cc" title="HTML/CSS"][/vc_column][vc_column width="1/3"][vc_pie value="75" view_size="lg" size="250" speed="2500" line="14" units="%" barcolor="#0088cc" title="HTML/CSS"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" gap="tall"][vc_custom_heading text="Options" font_container="tag:h4|text_align:left" use_theme_fonts="yes"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_pie value="75" size="175" speed="2500" line="3" linecap="square" units="%" barcolor="#0088cc" title="HTML/CSS"][/vc_column][vc_column width="1/3"][vc_pie value="75" size="175" speed="2500" line="14" linecap="square" units="%" barcolor="#0088cc" title="HTML/CSS"][/vc_column][vc_column width="1/3"][vc_pie value="75" size="175" speed="2500" line="14" linecap="square" units="%" barcolor="#0088cc" title="HTML/CSS" scalecolor="#999999"][/vc_column][/vc_row]