Progress Bars

[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]