Progress Bar

[vc_row el_class=”pd-top-95 sm-pd-top-75 xs-pd-top-55 pd-bottom-75 sm-pd-bottom-55 xs-pd-bottom-35″ full_width=”stretch_row”][vc_column el_class=”xs-mg-bottom-40″ width=”1/2″ offset=”vc_col-md-5″][gsf_heading layout_style=”style-02″ title_font_size=”18″ title=”SKILLS STYLE 1″ css=”.vc_custom_1505808647068{margin-bottom: 30px !important;}”][/gsf_heading][vc_column_text]

The bars can be plotted vertically or horizontally. A vertical bar chart is sometimes called a column bar chart.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-offset-1″][vc_progress_bar values=”%5B%7B%22label%22%3A%22ILLUSTRATION%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22DESIGN%22%2C%22value%22%3A%22100%22%7D%2C%7B%22label%22%3A%22HTML%2FCSS%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22MARKETING%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” options=”animated” layout_style=”prb_vl_right” units=”%” custombgcolor=”#6ea820″ customtxtcolor=”#999999″][/vc_column][/vc_row][vc_row el_class=”pd-top-95 sm-pd-top-75 xs-pd-top-55 pd-bottom-75 sm-pd-bottom-55 xs-pd-bottom-35″ full_width=”stretch_row” css=”.vc_custom_1505809536737{background-color: #dddddd !important;}”][vc_column el_class=”xs-mg-bottom-40″ width=”1/2″ offset=”vc_col-md-5″][gsf_heading layout_style=”style-02″ title_font_size=”18″ title=”SKILLS STYLE 2″ css=”.vc_custom_1505808668747{margin-bottom: 30px !important;}”][/gsf_heading][vc_column_text]

A bar graph is a chart that use either horizontal or vertical bars to show comparisons among categories.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-offset-1″][vc_progress_bar values=”%5B%7B%22label%22%3A%22ILLUSTRATION%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22DESIGN%22%2C%22value%22%3A%22100%22%7D%2C%7B%22label%22%3A%22HTML%2FCSS%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22MARKETING%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” options=”striped” layout_style=”prb_vl_right” units=”%” custombgcolor=”#222222″ customtxtcolor=”#999999″][/vc_column][/vc_row][vc_row el_class=”pd-top-95 sm-pd-top-75 xs-pd-top-55 pd-bottom-75 sm-pd-bottom-55 xs-pd-bottom-35″ full_width=”stretch_row”][vc_column el_class=”xs-mg-bottom-40″ width=”1/2″ offset=”vc_col-md-5″][gsf_heading layout_style=”style-02″ title_font_size=”18″ title=”SKILLS STYLE 3″ css=”.vc_custom_1505808691563{margin-bottom: 30px !important;}”][/gsf_heading][vc_column_text]

One axis of the chart shows the specific categories being compared, and the other axis represents a discrete value. Some bar graphs present bars clustered in groups of more than one

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-offset-1″][vc_progress_bar values=”%5B%7B%22label%22%3A%22ILLUSTRATION%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22DESIGN%22%2C%22value%22%3A%22100%22%7D%2C%7B%22label%22%3A%22HTML%2FCSS%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22MARKETING%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” options=”striped,animated” layout_style=”prb_vl_move” units=”%” custombgcolor=”#6ea820″ customtxtcolor=”#999999″][/vc_column][/vc_row]