OFFICE CENTER
PO Box 16122 Collins
Street West
OPEN HOURS
Mon - Sat: 9am to 8pm
Sunday: Close

My Shopping Cart

My Shopping Cart

Progress Bar

Home - Progress Bar

[vc_section css=”.vc_custom_1502094821164{padding-bottom: 60px !important;}”][vc_row row_container=”true”][vc_column width=”1/3″][vc_cta h2=”Control Colors” h2_font_container=”font_size:20px|line_height:24px” h2_use_theme_fonts=”yes” shape=”square” use_custom_fonts_h2=”true” css=”.vc_custom_1502094289525{border-top-width: 5px !important;border-top-color: #00c282 !important;border-top-style: solid !important;}”]Each progress bar can have a different filled / unfilled color and text color.[/vc_cta][/vc_column][vc_column width=”2/3″][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Marketing%20Strategy%22%2C%22value%22%3A%2295%22%7D%5D” bgcolor=”bar_blue” options=”striped,animated” units=”%” css=”.vc_custom_1502094304456{margin-bottom: 20px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Customers%20Referred%20Daily%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” options=”striped,animated” units=”%” custombgcolor=”#49afcd” customtxtcolor=”#171721″ css=”.vc_custom_1502094312859{margin-bottom: 20px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Repeat%20Business%20From%20Clients%22%2C%22value%22%3A%2285%22%7D%5D” bgcolor=”custom” options=”striped,animated” units=”%” custombgcolor=”#5bb75b” customtxtcolor=”#171721″][/vc_column][/vc_row][/vc_section][vc_section css=”.vc_custom_1502094847224{padding-bottom: 60px !important;}”][vc_row row_container=”true”][vc_column width=”1/3″][vc_cta h2=”Animated Striped Bars” h2_font_container=”font_size:20px|line_height:24px” h2_use_theme_fonts=”yes” shape=”square” use_custom_fonts_h2=”true” css=”.vc_custom_1502094709161{border-top-width: 5px !important;border-top-color: #00c282 !important;border-top-style: solid !important;}”]Each progress bar can have a striped or solid fill, and the stripes can animate.[/vc_cta][/vc_column][vc_column width=”2/3″][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Solid%20Progress%20Bar%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”bar_blue” units=”%” css=”.vc_custom_1502094933962{margin-bottom: 20px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Striped%20Progress%20Bar%22%2C%22value%22%3A%2285%22%7D%5D” bgcolor=”bar_blue” options=”striped” units=”%” css=”.vc_custom_1502094781675{margin-bottom: 20px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Animated%20Striped%20Progress%20Bar%22%2C%22value%22%3A%2295%22%7D%5D” bgcolor=”bar_blue” options=”striped,animated” units=”%” css=”.vc_custom_1502094794586{margin-bottom: 20px !important;}”][/vc_column][/vc_row][/vc_section][vc_section][vc_row row_container=”true”][vc_column width=”1/3″][vc_cta h2=”Unit Control” h2_font_container=”font_size:20px|line_height:24px” h2_use_theme_fonts=”yes” shape=”square” use_custom_fonts_h2=”true” css=”.vc_custom_1502094873494{border-top-width: 5px !important;border-top-color: #00c282 !important;border-top-style: solid !important;}”]Each progress bar can have a different unit symobl, or left empty for no unit.[/vc_cta][/vc_column][vc_column width=”2/3″][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Progress%20Bar%20With%20No%20Unit%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”bar_green” css=”.vc_custom_1502095146546{margin-bottom: 20px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Progress%20Bar%20With%20Different%20Unit%22%2C%22value%22%3A%2285%22%7D%5D” bgcolor=”bar_green” units=”%” css=”.vc_custom_1502095156079{margin-bottom: 20px !important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22%20Progress%20Bar%20With%20Different%20Unit%22%2C%22value%22%3A%2295%22%7D%5D” bgcolor=”bar_green” units=”£” css=”.vc_custom_1502095164340{margin-bottom: 20px !important;}”][/vc_column][/vc_row][/vc_section]