Progress Bars (vertical)

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][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »45″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »74″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »52″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »45″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »86″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »92″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][/vc_row][vc_row][vc_column width= »1/1″][karma_builder_heading heading_text= »Flexible » sub_heading_text= »Completely Flexible width » 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/4″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »45″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/4″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »74″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/4″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »52″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][vc_column width= »1/4″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »45″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#86b946″ track_color= »#e1e1e1″ custom_css_class= »bar-green »][/vc_column][/vc_row][vc_row][vc_column width= »1/1″][karma_builder_heading heading_text= »Customize » sub_heading_text= »Endless customization options » 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/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »50″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#a2dce2″ track_color= »#e1e1e1″][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »65″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#a2dce2″ track_color= »#e1e1e1″][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »46″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#a2dce2″ track_color= »#e1e1e1″][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »77″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#a2dce2″ track_color= »#e1e1e1″][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »60″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#a2dce2″ track_color= »#e1e1e1″][/vc_column][vc_column width= »1/6″][karma_builder_progress_bar_vertical title= »Lorem Ipsum » number= »85″ symbol= »% » title_color= »#000000″ number_color= »#000000″ bar_color= »#a2dce2″ track_color= »#e1e1e1″][/vc_column][/vc_row]]