819 960-7088 info@anickroy.com
Sélectionner une page

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]