{"id":531,"date":"2016-07-05T01:43:57","date_gmt":"2016-07-05T01:43:57","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=531"},"modified":"2016-07-05T01:43:57","modified_gmt":"2016-07-05T01:43:57","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/webdev.vika.no\/?page_id=531","title":{"rendered":"Progress Bars"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_custom_heading text=&raquo;Progress Bars Shortcodes&raquo; use_theme_fonts=&raquo;yes&raquo; el_class=&raquo;shorter&raquo;][vc_column_text]Check out all the progress bars options and can be set in different styles with <strong style=\"\">Visual Composer Progress Bar, Pie Chart<\/strong> shortcodes.[\/vc_column_text][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&raquo;Default&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo; units=&raquo;%&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;0&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo; units=&raquo;%&raquo; min_width=&raquo;2em&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading text=&raquo;Contextual classes&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_progress_bar values=&raquo;40&#8243; contextual=&raquo;success&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; el_class=&raquo;m-b&raquo;][vc_progress_bar values=&raquo;20&#8243; contextual=&raquo;info&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; el_class=&raquo;m-b&raquo;][vc_progress_bar values=&raquo;60&#8243; contextual=&raquo;warning&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; el_class=&raquo;m-b&raquo;][vc_progress_bar values=&raquo;80&#8243; contextual=&raquo;danger&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; el_class=&raquo;m-b&raquo;][vc_empty_space height=&raquo;20px&raquo;][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/2&#8243;][vc_custom_heading text=&raquo;Striped&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_progress_bar values=&raquo;40&#8243; bgcolor=&raquo;custom&raquo; options=&raquo;striped&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][vc_column width=&raquo;1\/2&#8243;][vc_custom_heading text=&raquo;Animated&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_progress_bar values=&raquo;40&#8243; bgcolor=&raquo;custom&raquo; options=&raquo;striped,animated&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading text=&raquo;Border Radius&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; border_radius=&raquo;no-border-radius&raquo; custombgcolor=&raquo;#0088cc&raquo; border=&raquo;rect&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; border_radius=&raquo;border-radius&raquo; border=&raquo;round&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; border_radius=&raquo;circled-border-radius&raquo; border=&raquo;circle&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading text=&raquo;Sizes&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; size=&raquo;sm&raquo; custombgcolor=&raquo;#0088cc&raquo; border=&raquo;rect&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; border=&raquo;round&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; size=&raquo;lg&raquo; border=&raquo;circle&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/2&#8243;][vc_custom_heading text=&raquo;Animated &amp; Tooltips&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_progress_bar values=&raquo;100|HTML\/CSS,85|Design,75|WordPress,85|Photoshop&raquo; bgcolor=&raquo;custom&raquo; custombgcolor=&raquo;#0088cc&raquo; units=&raquo;%&raquo;][\/vc_column][vc_column width=&raquo;1\/2&#8243;][vc_custom_heading text=&raquo;Colors&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][vc_progress_bar values=&raquo;50|Primary&raquo; bgcolor=&raquo;custom&raquo; custombgcolor=&raquo;#0088cc&raquo; units=&raquo;%&raquo; el_class=&raquo;m-b&raquo;][vc_progress_bar values=&raquo;70|Secondary&raquo; bgcolor=&raquo;custom&raquo; custombgcolor=&raquo;#e36159&#8243; units=&raquo;%&raquo; el_class=&raquo;m-b&raquo;][vc_progress_bar values=&raquo;75|Tertiary&raquo; bgcolor=&raquo;custom&raquo; custombgcolor=&raquo;#2baab1&#8243; units=&raquo;%&raquo; el_class=&raquo;m-b&raquo;][vc_progress_bar values=&raquo;40|Quaternary&raquo; bgcolor=&raquo;custom&raquo; custombgcolor=&raquo;#383f48&#8243; units=&raquo;%&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading text=&raquo;Circular&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;55&#8243; view=&raquo;only-icon&raquo; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo; icon=&raquo;fa fa-star&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;58&#8243; view=&raquo;single-line&raquo; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading text=&raquo;Sizes&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; view_size=&raquo;sm&raquo; size=&raquo;85&#8243; speed=&raquo;2500&#8243; line=&raquo;3&#8243; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; view_size=&raquo;lg&raquo; size=&raquo;250&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading text=&raquo;Options&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;3&#8243; linecap=&raquo;square&raquo; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; linecap=&raquo;square&raquo; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_pie value=&raquo;75&#8243; size=&raquo;175&#8243; speed=&raquo;2500&#8243; line=&raquo;14&#8243; linecap=&raquo;square&raquo; units=&raquo;%&raquo; barcolor=&raquo;#0088cc&raquo; title=&raquo;HTML\/CSS&raquo; scalecolor=&raquo;#999999&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&raquo;Progress Bars Shortcodes&raquo; use_theme_fonts=&raquo;yes&raquo; el_class=&raquo;shorter&raquo;][vc_column_text]Check out all the progress bars options and can be set in different styles with Visual Composer Progress Bar, Pie Chart shortcodes.[\/vc_column_text][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&raquo;Default&raquo; font_container=&raquo;tag:h4|text_align:left&raquo; use_theme_fonts=&raquo;yes&raquo;][\/vc_column][\/vc_row][vc_row][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;60&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo; units=&raquo;%&raquo;][\/vc_column][vc_column width=&raquo;1\/3&#8243;][vc_progress_bar values=&raquo;0&#8243; bgcolor=&raquo;custom&raquo; animation=&raquo;&raquo; tooltip=&raquo;&raquo; custombgcolor=&raquo;#0088cc&raquo; units=&raquo;%&raquo; min_width=&raquo;2em&raquo;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&raquo;custom&raquo; gap=&raquo;tall&raquo;][vc_custom_heading [&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-531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/pages\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdev.vika.no\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=531"}],"version-history":[{"count":0,"href":"https:\/\/webdev.vika.no\/index.php?rest_route=\/wp\/v2\/pages\/531\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdev.vika.no\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}