Progress bars

[vc_row type=”vc_default” margin_top=”-5″ margin_bottom=”10″ css=”.vc_custom_1482762389005{padding-bottom: 30px !important;}”][vc_column][vc_column_text css=”.vc_custom_1482762409787{padding-bottom: 30px !important;}”]

Text on progress bars

[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762433154{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D” options=”striped,animated”][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762438520{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D” bgcolor=”custom” custombgcolor=”#f44336″][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762447283{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D” bgcolor=”custom” options=”striped” custombgcolor=”#178be7″][/vc_column][/vc_row][vc_row type=”vc_default” margin_top=”-5″ margin_bottom=”10″ css=”.vc_custom_1482762499384{padding-bottom: 30px !important;}”][vc_column][vc_column_text css=”.vc_custom_1482762464816{padding-bottom: 30px !important;}”]

Text above thick progress bars

[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762471217{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D” options=”striped,animated” caption_pos=”top”][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762476812{padding-bottom: 50px !important;}”][vc_progress_bar values=”80|Design|#e91e63,70|Marketing|#f44336,60|Photography|#ff5722,50|Consulting|#ff9800,40|Development|#ffc104″ bgcolor=”custom” caption_pos=”top” custombgcolor=”#f44336″][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762483113{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D” bgcolor=”custom” options=”striped” caption_pos=”top” custombgcolor=”#178be7″][/vc_column][/vc_row][vc_row type=”vc_default” margin_top=”-5″ margin_bottom=”10″ css=”.vc_custom_1482762624874{margin-bottom: -50px !important;}”][vc_column][vc_column_text css=”.vc_custom_1482762594656{padding-bottom: 30px !important;}”]

Text above thin progress bars

[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762603047{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%7D%5D” options=”striped,animated” caption_pos=”thin_top”][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762608304{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%23e91e63%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23f44336%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%23ff5722%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%23ff9800%22%7D%2C%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2240%22%2C%22customcolor%22%3A%22%23ffc104%22%7D%5D” bgcolor=”custom” caption_pos=”thin_top” custombgcolor=”#f44336″][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1482762615130{padding-bottom: 50px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22customcolor%22%3A%22%23573ab7%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22customcolor%22%3A%22%234249c7%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22customcolor%22%3A%22%23178be7%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2260%22%2C%22customcolor%22%3A%22%2318c8ee%22%7D%2C%7B%22label%22%3A%22Consulting%22%2C%22value%22%3A%2250%22%2C%22customcolor%22%3A%22%2344e4f2%22%7D%5D” bgcolor=”custom” options=”striped” caption_pos=”thin_top” custombgcolor=”#178be7″][/vc_column][/vc_row]

Custom WordPress Theme by Yale Street Creative