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]