{"id":3721,"date":"2013-05-24T20:55:45","date_gmt":"2013-05-24T20:55:45","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=3721"},"modified":"2013-05-24T20:55:45","modified_gmt":"2013-05-24T20:55:45","slug":"animated-counters","status":"publish","type":"page","link":"https:\/\/staging.wallachdermacenter.com\/?page_id=3721","title":{"rendered":"Animated Counters"},"content":{"rendered":"<style type='text\/css'>#reading-box-container-1 .tagline-shadow:before,#reading-box-container-1 .tagline-shadow:after{opacity:0.7;}<\/style><div class=\"reading-box-container clearfix\" id=\"reading-box-container-1\"><section class=\"reading-box tagline-shadow\" style=\"background-color:#fff !important;border-width:1px;border-color:#e8e6e6!important;border-top-width:3px !important;border-top-color:!important;border-style:solid;\"><p>Avada includes 3 different sets of animated counters; circles, boxes and bars. These are great for displaying varying types of data to your viewers, wether its sales percentages, skill levels, promotional levels or any other numbers.<\/p><\/section><\/div>\n<div class=\"clearboth\"><\/div><div class=\"demo-sep sep-none\" style=\"margin-top:20px;\"><\/div>\n<div class=\"title\"><h2>Animated Counter Circles<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"counters-circle clearfix\"><div class=\"counter-circle-wrapper\" style=\"height:220px;width:220px;line-height:220px;\"><div class=\"counter-circle-content\" id=\"counter-circle-1\" style=\"font-size:50px;height:220px;width:220px;line-height:220px;\" data-percent=\"75\" data-unfilledcolor=\"\" data-filledcolor=\"\" data-size=\"220\" data-speed=\"1500\" data-strokesize=\"11\">75%<\/div><\/div><div class=\"counter-circle-wrapper\" style=\"height:220px;width:220px;line-height:220px;\"><div class=\"counter-circle-content\" id=\"counter-circle-2\" style=\"font-size:50px;height:220px;width:220px;line-height:220px;\" data-percent=\"30\" data-unfilledcolor=\"\" data-filledcolor=\"\" data-size=\"220\" data-speed=\"1500\" data-strokesize=\"11\"><i style=\"color: !important;\"class=\"fontawesome-icon large circle-no icon-adjust\"><\/i><\/div><\/div><div class=\"counter-circle-wrapper\" style=\"height:220px;width:220px;line-height:220px;\"><div class=\"counter-circle-content\" id=\"counter-circle-3\" style=\"font-size:50px;height:220px;width:220px;line-height:220px;\" data-percent=\"70\" data-unfilledcolor=\"\" data-filledcolor=\"\" data-size=\"220\" data-speed=\"1500\" data-strokesize=\"11\">7\/10<\/div><\/div><div class=\"counter-circle-wrapper\" style=\"height:220px;width:220px;line-height:220px;\"><div class=\"counter-circle-content\" id=\"counter-circle-4\" style=\"font-size:50px;height:220px;width:220px;line-height:220px;\" data-percent=\"50\" data-unfilledcolor=\"\" data-filledcolor=\"\" data-size=\"220\" data-speed=\"1500\" data-strokesize=\"11\">Title<\/div><\/div><\/div>\n<div class=\"clearboth\"><\/div><div class=\"demo-sep sep-none\" style=\"margin-top:70px;\"><\/div>\n<div class=\"title\"><h2>Animated Counter Boxes<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"counters-box\"><div class=\"counter-box-wrapper\"><div class=\"content-box-percentage\"><span class=\"display-percentage\" data-percentage=\"75\">0<\/span><\/div><div class=\"counter-box-content\">Counter Title Goes Here<\/div><\/div><div class=\"counter-box-wrapper\"><div class=\"content-box-percentage\"><span class=\"display-percentage\" data-percentage=\"55\">0<\/span><\/div><div class=\"counter-box-content\">Counter Title Goes Here<\/div><\/div><div class=\"counter-box-wrapper\"><div class=\"content-box-percentage\"><span class=\"display-percentage\" data-percentage=\"65\">0<\/span><\/div><div class=\"counter-box-content\">Counter Title Goes Here<\/div><\/div><div class=\"counter-box-wrapper\"><div class=\"content-box-percentage\"><span class=\"display-percentage\" data-percentage=\"85\">0<\/span><\/div><div class=\"counter-box-content\">Counter Title Goes Here<\/div><\/div><\/div>\n<div class=\"clearboth\"><\/div><div class=\"demo-sep sep-none\" style=\"margin-top:70px;\"><\/div>\n<div class=\"title\"><h2>Animated Counter Progress Bars<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"progress-bar\" style=\"background-color: !important;border-color: !important;\"><div class=\"progress-bar-content\" data-percentage=\"95\" style=\"width: 95%;background-color: !important;border-color: !important;\"><\/div><span class=\"progress-title\">Your Title Here 95<\/span><\/div>\n<div class=\"progress-bar\" style=\"background-color: !important;border-color: !important;\"><div class=\"progress-bar-content\" data-percentage=\"80\" style=\"width: 80%;background-color: !important;border-color: !important;\"><\/div><span class=\"progress-title\">Your Title Here 80<\/span><\/div>\n<div class=\"progress-bar\" style=\"background-color: !important;border-color: !important;\"><div class=\"progress-bar-content\" data-percentage=\"75\" style=\"width: 75%;background-color: !important;border-color: !important;\"><\/div><span class=\"progress-title\">Your Title Here 75<\/span><\/div>\n<div class=\"progress-bar\" style=\"background-color: !important;border-color: !important;\"><div class=\"progress-bar-content\" data-percentage=\"60\" style=\"width: 60%;background-color: !important;border-color: !important;\"><\/div><span class=\"progress-title\">Your Title Here 60<\/span><\/div>\n<div class=\"clearboth\"><\/div><div class=\"demo-sep sep-none\" style=\"margin-top:70px;\"><\/div>\n<div class=\"title\"><h2>Features and Customizations<\/h2><div class=\"title-sep-container\"><div class=\"title-sep\"><\/div><\/div><\/div>\n<div class=\"one_half\">\n<style type='text\/css'>\n\t#checklist-1 li:before{color:light !important; content:'\\f046' }\n\t<\/style>\n<ul id=\"checklist-1\" class=\"list-icon circle-yes list-icon-check\">\n<li>3 different styles with nice jQuery animation effects<\/li>\n<li>Insert custom titles and %&#8217;s per item, unlimited use per page<\/li>\n<\/ul>\n\n<\/div>\n<div class=\"one_half last\">\n<style type='text\/css'>\n\t#checklist-2 li:before{color:light !important; content:'\\f046' }\n\t<\/style>\n<ul id=\"checklist-2\" class=\"list-icon circle-yes list-icon-check\">\n<li>Use %, Icon, Number Scale &amp; Title with the counter circles<\/li>\n<li>Customize the filled and unfilled colors for circles and boxes<\/li>\n<\/ul>\n\n<\/div><div class=\"clearboth\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"full-width.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"_links":{"self":[{"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=\/wp\/v2\/pages\/3721"}],"collection":[{"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3721"}],"version-history":[{"count":0,"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=\/wp\/v2\/pages\/3721\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.wallachdermacenter.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}