Progress Bars

Created with Sketch.

[vc_row][vc_column width= »1/1″][karma_builder_heading heading_text= »Progress Bars » sub_heading_text= »Fully flexbile, custom colors, endless opportunities » heading_color= »#363636″ sub_heading_color= »#555555″ margin_top= »20px » margin_bottom= »30px » heading_size= »30px » heading_type= »h3″ heading_style= »none » sub_heading_size= »16px »][/vc_column][/vc_row][vc_row css= ».vc_custom_1433265765424{padding-bottom: 70px !important;} »][vc_column width= »1/1″][karma_builder_progress_bar title= »Thailand » number= »50″ symbol= »$ » track_color= »#e1e1e1″ bar_color= »#11495f » title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar1″ rounded_progress= » » progress_height= »20px »][karma_builder_progress_bar title= »Africa » number= »40″ symbol= »$ » track_color= »#e1e1e1″ bar_color= »#3c8fb7″ title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar2″ progress_height= »20px » rounded_progress= » »][karma_builder_progress_bar title= »India » number= »70″ symbol= »$ » track_color= »#e1e1e1″ bar_color= »#99ccd4″ title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar3″ progress_height= »20px » rounded_progress= » »][karma_builder_progress_bar title= »Philippines » number= »40″ symbol= »$ » track_color= »#e1e1e1″ bar_color= »#f5ac40″ title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar4″ progress_height= »20px » rounded_progress= » »][karma_builder_progress_bar title= »USA » number= »90″ symbol= »$ » track_color= »#e1e1e1″ bar_color= »#db7f3c » title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar5″ progress_height= »20px » rounded_progress= » »][/vc_column][/vc_row][vc_row full_width= »stretch_row » css= ».vc_custom_1433265658026{padding-top: 110px !important;padding-bottom: 130px !important;background-color: #ffffff !important;} »][vc_column width= »1/1″][karma_builder_heading heading_text= »Customize » sub_heading_text= »Easily define custom height and colors » heading_color= »#363636″ sub_heading_color= »#555555″ margin_top= »0px » margin_bottom= »60px » heading_size= »30px » heading_type= »h3″ heading_style= »none » sub_heading_size= »16px »][karma_builder_progress_bar title= »Development » number= »60″ symbol= »% » progress_height= »6px » rounded_progress= » » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″][karma_builder_progress_bar title= »Branding » number= »40″ symbol= »% » progress_height= »6px » rounded_progress= » » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″][karma_builder_progress_bar title= »Marketing » number= »78″ symbol= »% » progress_height= »6px » rounded_progress= » » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″][karma_builder_progress_bar title= »Photography » number= »92″ symbol= »% » progress_height= »6px » rounded_progress= » » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″][/vc_column][/vc_row][vc_row][vc_column][karma_builder_heading heading_text= »Rounded » sub_heading_text= »Rounded style bars with a click of the mouse » heading_color= »#363636″ sub_heading_color= »#555555″ margin_top= »110px » margin_bottom= »30px » heading_size= »30px » heading_type= »h3″ heading_style= »none » sub_heading_size= »16px »][/vc_column][/vc_row][vc_row][vc_column width= »1/1″][karma_builder_progress_bar title= »Photoshop » number= »70″ symbol= »% » track_color= »#e1e1e1″ bar_color= »#0076bc » title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar6″ progress_height= »15px » rounded_progress= »true-progress-rounded »][karma_builder_progress_bar title= »Fireworks » number= »90″ symbol= »% » track_color= »#e1e1e1″ bar_color= »#dcad39″ title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar7″ progress_height= »15px » rounded_progress= »true-progress-rounded »][karma_builder_progress_bar title= »InDesign » number= »60″ symbol= »% » track_color= »#e1e1e1″ bar_color= »#ba4c7c » title_color= »#000000″ number_color= »#000000″ custom_css_class= »bar8″ progress_height= »15px » rounded_progress= »true-progress-rounded »][/vc_column][/vc_row]