{"id":1352,"date":"2017-02-13T15:00:58","date_gmt":"2017-02-13T15:00:58","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1352"},"modified":"2017-02-13T15:00:58","modified_gmt":"2017-02-13T15:00:58","slug":"progress-bars","status":"publish","type":"page","link":"https:\/\/stanleywakker.nl\/index.php\/elements\/progress-bars\/","title":{"rendered":"Progress Bars"},"content":{"rendered":"<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;15&#8217; heading=&#8217;Progress Bar Element&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote&#8217; custom_font=&#8217;#000000&#8242; size=&#8217;40&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; custom_class=&#8221; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_textblock size=&#8221; font_color=&#8221; color=&#8221; admin_preview_bg=&#8221;]<br \/>\nAdd any number of progress bars in various predefined colors, either with or without icon, with or without description.<br \/>\nPerfect if you want to<strong> display some progress<\/strong> or display a <strong>skill<\/strong> you or your company has mastered and how good you are at it.<br \/>\n[\/av_textblock]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_heading heading=&#8217;Progress Bar Minimal&#8217; tag=&#8217;h1&#8242; style=&#8217;blockquote modern-quote&#8217; size=&#8217;30&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; padding=&#8217;15&#8217; color=&#8217;custom-color-heading&#8217; custom_font=&#8217;#000000&#8242; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_progress bar_styling=&#8217;av-flat-bar&#8217; bar_animation=&#8217;av-animated-bar&#8217; bar_styling_secondary=&#8217;av-small-bar&#8217; show_percentage=&#8217;av-show-bar-percentage&#8217; admin_preview_bg=&#8221;]<br \/>\n[av_progress_bar title=&#8217;BAR 1&#8242; progress=&#8217;100&#8242; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;BAR 2&#8242; progress=&#8217;91&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;BAR 3&#8242; progress=&#8217;78&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;BAR 4&#8242; progress=&#8217;23&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[\/av_progress]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_heading heading=&#8217;Progress Bar Minimal Animated&#8217; tag=&#8217;h1&#8242; style=&#8217;blockquote modern-quote&#8217; size=&#8217;30&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; padding=&#8217;15&#8217; color=&#8217;custom-color-heading&#8217; custom_font=&#8217;#000000&#8242; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_progress bar_styling=&#8217;av-striped-bar&#8217; bar_animation=&#8217;av-animated-bar&#8217; bar_styling_secondary=&#8217;av-small-bar&#8217; show_percentage=&#8217;av-show-bar-percentage&#8217; bar_height=&#8217;5&#8242; admin_preview_bg=&#8221;]<br \/>\n[av_progress_bar title=&#8217;BAR 1&#8242; progress=&#8217;100&#8242; color=&#8217;silver&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;BAR 2&#8242; progress=&#8217;91&#8217; color=&#8217;silver&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;BAR 3&#8242; progress=&#8217;78&#8217; color=&#8217;silver&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;BAR 4&#8242; progress=&#8217;23&#8217; color=&#8217;silver&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[\/av_progress]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;15&#8217; heading=&#8217;Progress Bar Big&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote&#8217; custom_font=&#8217;#000000&#8242; size=&#8217;30&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; custom_class=&#8221; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_progress bar_styling=&#8217;av-flat-bar&#8217; bar_animation=&#8217;av-animated-bar&#8217; admin_preview_bg=&#8221;]<br \/>\n[av_progress_bar title=&#8217;1&#8242; progress=&#8217;100&#8242; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;2&#8242; progress=&#8217;91&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;3&#8242; progress=&#8217;78&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[av_progress_bar title=&#8217;4&#8242; progress=&#8217;23&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217; font=&#8217;entypo-fontello&#8217;]<br \/>\n[\/av_progress]<\/p>\n<p>[av_hr class=&#8217;invisible&#8217; height=&#8217;50&#8217; shadow=&#8217;no-shadow&#8217; position=&#8217;center&#8217; custom_border=&#8217;av-border-thin&#8217; custom_width=&#8217;50px&#8217; custom_border_color=&#8221; custom_margin_top=&#8217;30px&#8217; custom_margin_bottom=&#8217;30px&#8217; icon_select=&#8217;yes&#8217; custom_icon_color=&#8221; icon=&#8217;ue808&#8242; font=&#8217;entypo-fontello&#8217; admin_preview_bg=&#8221;]<\/p>\n<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;15&#8217; heading=&#8217;Animated Progress Bar Examples&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote&#8217; custom_font=&#8217;#000000&#8242; size=&#8217;30&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; custom_class=&#8221; admin_preview_bg=&#8221;][\/av_heading]<\/p>\n<p>[av_progress bar_styling=&#8217;av-striped-bar&#8217; bar_animation=&#8217;av-animated-bar&#8217;]<br \/>\n[av_progress_bar title=&#8217;HTML&#8217; progress=&#8217;100&#8242; color=&#8217;theme-color&#8217; icon_select=&#8217;no&#8217; icon=&#8217;43&#8217;]<br \/>\n[av_progress_bar title=&#8217;CSS&#8217; progress=&#8217;50&#8217; color=&#8217;grey&#8217; icon_select=&#8217;no&#8217; icon=&#8217;58&#8217;]<br \/>\n[av_progress_bar title=&#8217;Javascript&#8217; progress=&#8217;20&#8217; color=&#8217;silver&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;Video&#8217; progress=&#8217;30&#8217; color=&#8217;blue&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;Flash&#8217; progress=&#8217;70&#8217; color=&#8217;green&#8217; icon_select=&#8217;yes&#8217; icon=&#8217;64&#8217;]<br \/>\n[av_progress_bar title=&#8217;Photoshop&#8217; progress=&#8217;80&#8217; color=&#8217;orange&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;After Effects&#8217; progress=&#8217;20&#8217; color=&#8217;red&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;Premiere&#8217; progress=&#8217;60&#8217; color=&#8217;aqua&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;Dreamweaver&#8217; progress=&#8217;95&#8217; color=&#8217;teal&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;Illustrator&#8217; progress=&#8217;40&#8217; color=&#8217;purple&#8217; icon_select=&#8217;yes&#8217; icon=&#8217;50&#8217;]<br \/>\n[av_progress_bar title=&#8221; progress=&#8217;30&#8217; color=&#8217;pink&#8217; icon_select=&#8217;no&#8217; icon=&#8221;]<br \/>\n[av_progress_bar title=&#8217;Unagi&#8217; progress=&#8217;10&#8217; color=&#8217;black&#8217; icon_select=&#8217;yes&#8217; icon=&#8217;14&#8217;]<br \/>\n[\/av_progress]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[av_heading tag=&#8217;h1&#8242; padding=&#8217;15&#8217; heading=&#8217;Progress Bar Element&#8217; color=&#8217;custom-color-heading&#8217; style=&#8217;blockquote modern-quote&#8217; custom_font=&#8217;#000000&#8242; size=&#8217;40&#8217; subheading_active=&#8221; subheading_size=&#8217;15&#8217; custom_class=&#8221; admin_preview_bg=&#8221;][\/av_heading] [av_textblock size=&#8221; font_color=&#8221; color=&#8221; admin_preview_bg=&#8221;] Add any number of progress bars in various predefined colors, either with or without icon, with or without description. Perfect if you want to display some progress or display a skill you or your company [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/1352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1352"}],"version-history":[{"count":0,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/1352\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"https:\/\/stanleywakker.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}