{"id":16165,"date":"2016-12-14T00:03:43","date_gmt":"2016-12-14T00:03:43","guid":{"rendered":"http:\/\/localhost\/demo\/?page_id=37"},"modified":"2016-12-14T00:03:43","modified_gmt":"2016-12-14T00:03:43","slug":"radial-progress","status":"publish","type":"page","link":"https:\/\/sedcarpolarizados.com\/index.php\/shortcodes\/radial-progress\/","title":{"rendered":"Radial Progress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1481730214187{padding-top: 25px !important;padding-bottom: 45px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.1s; -webkit-animation-delay:0.1s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" ><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#f4f4f4; width: 135px; height: 135px;\" data-value=\"87\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #ffffff; color:#444\">\n            <div class=\"numbers\">\n              <div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:26px;\" style=\"font-size:26px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #555;letter-spacing: 2px;font-size: 16px\">WORDPRESS<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.3s; -webkit-animation-delay:0.3s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" ><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#f4f4f4; width: 135px; height: 135px;\" data-value=\"92\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #ffffff; color:#444\">\n            <div class=\"numbers\">\n              <div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:26px;\" style=\"font-size:26px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #555;letter-spacing: 2px;font-size: 16px\">JAVASCRIPT<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.5s; -webkit-animation-delay:0.5s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" ><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#f4f4f4; width: 135px; height: 135px;\" data-value=\"79\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #ffffff; color:#444\">\n            <div class=\"numbers\">\n              <div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:26px;\" style=\"font-size:26px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #555;letter-spacing: 2px;font-size: 16px\">PYTHON<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.7s; -webkit-animation-delay:0.7s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" ><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#f4f4f4; width: 135px; height: 135px;\" data-value=\"78\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 135px, 135px, 67.5px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 67.5px, 135px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #ffffff; color:#444\">\n            <div class=\"numbers\">\n              <div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:26px;\" style=\"font-size:26px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #555;letter-spacing: 2px;font-size: 16px\">LARAVEL<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1481730449024{padding-top: 50px !important;padding-bottom: 55px !important;background-color: #282d33 !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.1s; -webkit-animation-delay:0.1s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" data-style=\"style1\"><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#31373e; width: 140px; height: 140px;\" data-value=\"87\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #282d33; color:#eeeeee\">\n            <div class=\"numbers\">\n              <div class=\"km-radial-iconc\" style=\"color:#aaaaaa; font-size:38px;\"><i class=\"km-icon-layers2\"><\/i><\/div><div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:20px;\" style=\"font-size:20px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #ccc;letter-spacing: 2px;font-size: 16px\">Maecenas<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.3s; -webkit-animation-delay:0.3s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" data-style=\"style1\"><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#31373e; width: 140px; height: 140px;\" data-value=\"87\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #282d33; color:#eeeeee\">\n            <div class=\"numbers\">\n              <div class=\"km-radial-iconc\" style=\"color:#aaaaaa; font-size:38px;\"><i class=\"km-icon-trophy3\"><\/i><\/div><div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:20px;\" style=\"font-size:20px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #ccc;letter-spacing: 2px;font-size: 16px\">pulvinare<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.5s; -webkit-animation-delay:0.5s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" data-style=\"style1\"><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#31373e; width: 140px; height: 140px;\" data-value=\"87\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #282d33; color:#eeeeee\">\n            <div class=\"numbers\">\n              <div class=\"km-radial-iconc\" style=\"color:#aaaaaa; font-size:38px;\"><i class=\"km-icon-strategy\"><\/i><\/div><div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:20px;\" style=\"font-size:20px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #ccc;letter-spacing: 2px;font-size: 16px\">sollicitudin<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"kswr-animationblock\" data-reanimation=\"false\" data-animation=\"zoomIn\"  style=\"animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay:0.7s; -webkit-animation-delay:0.7s;\"><div class=\"blockanimecont\"><div class=\"km-radial-progressbar-container kswr-theelement\" data-position=\"center\" data-style=\"style1\"><div class=\"km-radial-progressbar\" data-progress=\"0\" style=\"background-color:#31373e; width: 140px; height: 140px;\" data-value=\"87\" >\n    <div class=\"circle\">\n        <div class=\"mask full\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>\n        <div class=\"mask half\" style=\"clip: rect(0px, 140px, 140px, 70px) ;\">\n            <div class=\"fill\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n            <div class=\"fill fix\" style=\"clip: rect(0px, 70px, 140px, 0px); background-color: #f3d057;\"><\/div>\n        <\/div>        \n    <\/div>\n    <div class=\"inset\" style=\"left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);\">\n        <div class=\"percentage\" style=\"background: #282d33; color:#eeeeee\">\n            <div class=\"numbers\">\n              <div class=\"km-radial-iconc\" style=\"color:#aaaaaa; font-size:38px;\"><i class=\"km-icon-tools-2\"><\/i><\/div><div class=\"km-rad-percentc kswr-shortcode-element\" data-fontsettings=\"font-size:20px;\" style=\"font-size:20px;font-family:inherit;font-weight:inherit;font-style:inherit;\"><span class=\"perc-value\">0<\/span> %<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div><\/div><div class=\"kswr-responsive-spacer\" data-desk=\"10px\" data-tablet=\"10px\" data-tablet-sm=\"10px\" data-phone=\"10px\" data-phone-sm=\"10px\" style=\"--spc-desk:10px;--spc-tablet:10px;--spc-tablet-sm:10px;--spc-phone:10px;--spc-phone-sm:10px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;color: #ccc;letter-spacing: 2px;font-size: 16px\">maximusui<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1481730214187{padding-top: 25px !important;padding-bottom: 45px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] WORDPRESS [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text] JAVASCRIPT [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text] PYTHON [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text] LARAVEL [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1481730449024{padding-top: 50px !important;padding-bottom: 55px !important;background-color: #282d33 !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Maecenas [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text] pulvinare [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text] sollicitudin [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text] maximusui [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":12842,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-16165","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages\/16165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/comments?post=16165"}],"version-history":[{"count":0,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages\/16165\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/pages\/12842"}],"wp:attachment":[{"href":"https:\/\/sedcarpolarizados.com\/index.php\/wp-json\/wp\/v2\/media?parent=16165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}