{"id":1401,"date":"2017-12-30T15:03:28","date_gmt":"2017-12-30T13:03:28","guid":{"rendered":"https:\/\/themes.whiteboxstud.io\/rendr-demo\/?page_id=1401"},"modified":"2017-12-30T15:03:28","modified_gmt":"2017-12-30T13:03:28","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/subset.live\/index.php\/progress-bar\/","title":{"rendered":"Progress bar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row max_width=&#8221;600&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; el_design=&#8221;{&#8220;mobile_landscape&#8220;:{&#8220;padding-bottom&#8220;:&#8220;60&#8220;},&#8220;tablet_portrait&#8220;:{&#8220;padding-bottom&#8220;:&#8220;100&#8220;},&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;120&#8220;,&#8220;padding-bottom&#8220;:&#8220;140&#8220;}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;15&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;15&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_8548853511531338&#8220;,&#8220;color&#8220;:&#8220;#f3f4f5&#8220;}}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;85&#8243; mobile_portrait=&#8221;75&#8243; css_animation=&#8221;&#8221;]Progress bars[\/vc_heading][vc_empty_space height=&#8221;15px&#8221;][vc_text_element disable_margin=&#8221;yes&#8221; css_animation=&#8221;&#8221; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Perfect for statistics and infographics.[\/vc_text_element][vc_empty_space][vc_button_arrow title=&#8221;Back to homepage&#8221; style=&#8221;round&#8221; display=&#8221;display_block&#8221; skin=&#8221;light&#8221; css_animation=&#8221;&#8221; accent_color=&#8221;{&#8220;id&#8220;:&#8220;Main accent color&#8220;,&#8220;color&#8220;:&#8220;#fb9272&#8220;}&#8221; link=&#8221;url:https%3A%2F%2Fthemes.whiteboxstud.io%2Frendr-demo%2Flanding%2F|title:Landing&#8221;][\/vc_column][\/vc_row][vc_row row_width=&#8221;wtbx_stretch_row_content&#8221; bg_blur=&#8221;0&#8243; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;0&#8220;,&#8220;padding-right&#8220;:&#8220;0&#8220;,&#8220;padding-bottom&#8220;:&#8220;0&#8220;,&#8220;padding-left&#8220;:&#8220;0&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_section_divider style=&#8221;curves-6&#8243; position=&#8221;bottom&#8221; height=&#8221;100&#8243; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;60&#8243; mobile_landscape=&#8221;0&#8243; mobile_portrait=&#8221;0&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:120,&#8220;padding-bottom&#8220;:120}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; divider_rounded=&#8221;&#8221; css_animation=&#8221;&#8221;]Style 1[\/vc_heading][vc_empty_space height=&#8221;60px&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_1&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_1&#8243; max=&#8221;10&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%227%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%228%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%226.5%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;points&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Border color&#8220;,&#8220;color&#8220;:&#8220;#e7ebef&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_1&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(71,168,255,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(206,142,255,1)&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_1&#8243; max=&#8221;20&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2215%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2218%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2213%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;\/ 20&#8243; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,126,189,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,124,110,1)&#8220;}}&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Border color&#8220;,&#8220;color&#8220;:&#8220;#e7ebef&#8220;}}&#8221; text_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:120,&#8220;padding-bottom&#8220;:120}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Light background&#8220;,&#8220;color&#8220;:&#8220;#f9fafb&#8220;}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; divider_rounded=&#8221;&#8221; css_animation=&#8221;&#8221;]Style 2[\/vc_heading][vc_empty_space height=&#8221;60px&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_2&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_2&#8243; max=&#8221;10&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%227%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%228%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%226.5%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;points&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Border color&#8220;,&#8220;color&#8220;:&#8220;#ecf0f3&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_2&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(71,168,255,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(206,142,255,1)&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_2&#8243; max=&#8221;20&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2215%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2218%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2213%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;\/ 20&#8243; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,126,189,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,124,110,1)&#8220;}}&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Border color&#8220;,&#8220;color&#8220;:&#8220;#ecf0f3&#8220;}}&#8221; text_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:120,&#8220;padding-bottom&#8220;:120}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; divider_rounded=&#8221;&#8221; css_animation=&#8221;&#8221;]Style 3[\/vc_heading][vc_empty_space height=&#8221;60px&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_3&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Light background&#8220;,&#8220;color&#8220;:&#8220;#f9fafb&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_3&#8243; max=&#8221;10&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%227%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%228%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%226.5%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;points&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Border color&#8220;,&#8220;color&#8220;:&#8220;#ecf0f3&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_3&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(71,168,255,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(206,142,255,1)&#8220;}}&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Light background&#8220;,&#8220;color&#8220;:&#8220;#f9fafb&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_3&#8243; max=&#8221;20&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2215%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2218%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2213%22%7D%5D&#8221; css_animation=&#8221;&#8221; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,126,189,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,124,110,1)&#8220;}}&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Border color&#8220;,&#8220;color&#8220;:&#8220;#ecf0f3&#8220;}}&#8221; text_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;120&#8220;,&#8220;padding-bottom&#8220;:&#8220;120&#8220;}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; divider_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,0.1)&#8220;}}&#8221; divider_rounded=&#8221;&#8221; css_animation=&#8221;&#8221;]Dark background[\/vc_heading][vc_empty_space height=&#8221;60px&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_3&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,0.1)&#8220;}}&#8221; text_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_2&#8243; max=&#8221;10&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%227%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%228%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%226.5%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;points&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,0.1)&#8220;}}&#8221; text_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_1&#8243; max=&#8221;100&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2285%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2265%22%7D%5D&#8221; css_animation=&#8221;&#8221; units=&#8221;%&#8221; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(71,168,255,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(206,142,255,1)&#8220;}}&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:30,&#8220;padding-right&#8220;:15,&#8220;padding-bottom&#8220;:30,&#8220;padding-left&#8220;:15}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_progress_bar style=&#8221;style_1&#8243; max=&#8221;20&#8243; values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2215%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Web%20Design%22%2C%22value%22%3A%2218%22%2C%22custom_bar_color%22%3A%22%7B%5C%22solid%5C%22%3A%7B%5C%22id%5C%22%3A%5C%22custom_color%5C%22%2C%5C%22color%5C%22%3A%5C%22rgba(139%2C193%2C255%2C1)%5C%22%7D%7D%22%7D%2C%7B%22label%22%3A%22Promotion%22%2C%22value%22%3A%2213%22%7D%5D&#8221; css_animation=&#8221;&#8221; bar_color=&#8221;{&#8220;dir&#8220;:&#8220;45deg&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,126,189,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,124,110,1)&#8220;}}&#8221; track_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,0.1)&#8220;}}&#8221; text_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; units=&#8221;\/ 20&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row max_width=&#8221;600&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; el_design=&#8221;{&#8220;mobile_landscape&#8220;:{&#8220;padding-bottom&#8220;:&#8220;60&#8220;},&#8220;tablet_portrait&#8220;:{&#8220;padding-bottom&#8220;:&#8220;100&#8220;},&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;120&#8220;,&#8220;padding-bottom&#8220;:&#8220;140&#8220;}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;15&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;15&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_8548853511531338&#8220;,&#8220;color&#8220;:&#8220;#f3f4f5&#8220;}}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;85&#8243; mobile_portrait=&#8221;75&#8243; css_animation=&#8221;&#8221;]Progress bars[\/vc_heading][vc_empty_space height=&#8221;15px&#8221;][vc_text_element disable_margin=&#8221;yes&#8221; css_animation=&#8221;&#8221; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Perfect for statistics and infographics.[\/vc_text_element][vc_empty_space][vc_button_arrow title=&#8221;Back to homepage&#8221; style=&#8221;round&#8221; display=&#8221;display_block&#8221; skin=&#8221;light&#8221; css_animation=&#8221;&#8221; accent_color=&#8221;{&#8220;id&#8220;:&#8220;Main accent color&#8220;,&#8220;color&#8220;:&#8220;#fb9272&#8220;}&#8221; link=&#8221;url:https%3A%2F%2Fthemes.whiteboxstud.io%2Frendr-demo%2Flanding%2F|title:Landing&#8221;][\/vc_column][\/vc_row][vc_row row_width=&#8221;wtbx_stretch_row_content&#8221; bg_blur=&#8221;0&#8243; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;0&#8220;,&#8220;padding-right&#8220;:&#8220;0&#8220;,&#8220;padding-bottom&#8220;:&#8220;0&#8220;,&#8220;padding-left&#8220;:&#8220;0&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_section_divider style=&#8221;curves-6&#8243; position=&#8221;bottom&#8221; height=&#8221;100&#8243; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;60&#8243; mobile_landscape=&#8221;0&#8243; mobile_portrait=&#8221;0&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:120,&#8220;padding-bottom&#8220;:120}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1401","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress bar - Subset Live<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/subset.live\/index.php\/progress-bar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress bar - Subset Live\" \/>\n<meta property=\"og:description\" content=\"[vc_row max_width=&#8221;600&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; el_design=&#8221;{&#8220;mobile_landscape&#8220;:{&#8220;padding-bottom&#8220;:&#8220;60&#8220;},&#8220;tablet_portrait&#8220;:{&#8220;padding-bottom&#8220;:&#8220;100&#8220;},&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;120&#8220;,&#8220;padding-bottom&#8220;:&#8220;140&#8220;}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;15&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;15&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_8548853511531338&#8220;,&#8220;color&#8220;:&#8220;#f3f4f5&#8220;}}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;85&#8243; mobile_portrait=&#8221;75&#8243; css_animation=&#8221;&#8221;]Progress bars[\/vc_heading][vc_empty_space height=&#8221;15px&#8221;][vc_text_element disable_margin=&#8221;yes&#8221; css_animation=&#8221;&#8221; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Perfect for statistics and infographics.[\/vc_text_element][vc_empty_space][vc_button_arrow title=&#8221;Back to homepage&#8221; style=&#8221;round&#8221; display=&#8221;display_block&#8221; skin=&#8221;light&#8221; css_animation=&#8221;&#8221; accent_color=&#8221;{&#8220;id&#8220;:&#8220;Main accent color&#8220;,&#8220;color&#8220;:&#8220;#fb9272&#8220;}&#8221; link=&#8221;url:https%3A%2F%2Fthemes.whiteboxstud.io%2Frendr-demo%2Flanding%2F|title:Landing&#8221;][\/vc_column][\/vc_row][vc_row row_width=&#8221;wtbx_stretch_row_content&#8221; bg_blur=&#8221;0&#8243; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;0&#8220;,&#8220;padding-right&#8220;:&#8220;0&#8220;,&#8220;padding-bottom&#8220;:&#8220;0&#8220;,&#8220;padding-left&#8220;:&#8220;0&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_section_divider style=&#8221;curves-6&#8243; position=&#8221;bottom&#8221; height=&#8221;100&#8243; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;60&#8243; mobile_landscape=&#8221;0&#8243; mobile_portrait=&#8221;0&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:120,&#8220;padding-bottom&#8220;:120}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/subset.live\/index.php\/progress-bar\/\" \/>\n<meta property=\"og:site_name\" content=\"Subset Live\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/subset.live\/index.php\/progress-bar\/\",\"url\":\"https:\/\/subset.live\/index.php\/progress-bar\/\",\"name\":\"Progress bar - Subset Live\",\"isPartOf\":{\"@id\":\"https:\/\/subset.live\/#website\"},\"datePublished\":\"2017-12-30T13:03:28+00:00\",\"dateModified\":\"2017-12-30T13:03:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/subset.live\/index.php\/progress-bar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/subset.live\/index.php\/progress-bar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/subset.live\/index.php\/progress-bar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/subset.live\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progress bar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/subset.live\/#website\",\"url\":\"https:\/\/subset.live\/\",\"name\":\"Subset Live\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/subset.live\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress bar - Subset Live","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/subset.live\/index.php\/progress-bar\/","og_locale":"en_US","og_type":"article","og_title":"Progress bar - Subset Live","og_description":"[vc_row max_width=&#8221;600&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; el_design=&#8221;{&#8220;mobile_landscape&#8220;:{&#8220;padding-bottom&#8220;:&#8220;60&#8220;},&#8220;tablet_portrait&#8220;:{&#8220;padding-bottom&#8220;:&#8220;100&#8220;},&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;120&#8220;,&#8220;padding-bottom&#8220;:&#8220;140&#8220;}}&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;15&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;15&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_8548853511531338&#8220;,&#8220;color&#8220;:&#8220;#f3f4f5&#8220;}}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;85&#8243; mobile_portrait=&#8221;75&#8243; css_animation=&#8221;&#8221;]Progress bars[\/vc_heading][vc_empty_space height=&#8221;15px&#8221;][vc_text_element disable_margin=&#8221;yes&#8221; css_animation=&#8221;&#8221; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Perfect for statistics and infographics.[\/vc_text_element][vc_empty_space][vc_button_arrow title=&#8221;Back to homepage&#8221; style=&#8221;round&#8221; display=&#8221;display_block&#8221; skin=&#8221;light&#8221; css_animation=&#8221;&#8221; accent_color=&#8221;{&#8220;id&#8220;:&#8220;Main accent color&#8220;,&#8220;color&#8220;:&#8220;#fb9272&#8220;}&#8221; link=&#8221;url:https%3A%2F%2Fthemes.whiteboxstud.io%2Frendr-demo%2Flanding%2F|title:Landing&#8221;][\/vc_column][\/vc_row][vc_row row_width=&#8221;wtbx_stretch_row_content&#8221; bg_blur=&#8221;0&#8243; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;0&#8220;,&#8220;padding-right&#8220;:&#8220;0&#8220;,&#8220;padding-bottom&#8220;:&#8220;0&#8220;,&#8220;padding-left&#8220;:&#8220;0&#8220;}}&#8221; bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_section_divider style=&#8221;curves-6&#8243; position=&#8221;bottom&#8221; height=&#8221;100&#8243; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;60&#8243; mobile_landscape=&#8221;0&#8243; mobile_portrait=&#8221;0&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221;][\/vc_column][\/vc_row][vc_row bg_blur=&#8221;0&#8243; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:120,&#8220;padding-bottom&#8220;:120}}&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h5&#8243; alignment=&#8221;align_center&#8221; style=&#8221;with_line_side&#8221; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; heading_typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;transform&#8220;:&#8220;uppercase&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; divider_length=&#8221;100&#8243; divider_thickness=&#8221;1&#8243; space=&#8221;15&#8243; [&hellip;]","og_url":"https:\/\/subset.live\/index.php\/progress-bar\/","og_site_name":"Subset Live","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/subset.live\/index.php\/progress-bar\/","url":"https:\/\/subset.live\/index.php\/progress-bar\/","name":"Progress bar - Subset Live","isPartOf":{"@id":"https:\/\/subset.live\/#website"},"datePublished":"2017-12-30T13:03:28+00:00","dateModified":"2017-12-30T13:03:28+00:00","breadcrumb":{"@id":"https:\/\/subset.live\/index.php\/progress-bar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/subset.live\/index.php\/progress-bar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/subset.live\/index.php\/progress-bar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/subset.live\/"},{"@type":"ListItem","position":2,"name":"Progress bar"}]},{"@type":"WebSite","@id":"https:\/\/subset.live\/#website","url":"https:\/\/subset.live\/","name":"Subset Live","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/subset.live\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/pages\/1401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/comments?post=1401"}],"version-history":[{"count":0,"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/pages\/1401\/revisions"}],"wp:attachment":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/media?parent=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}