{"id":1913,"date":"2021-03-17T15:18:55","date_gmt":"2021-03-17T15:18:55","guid":{"rendered":"https:\/\/docs.zozothemes.com\/cea\/2021\/03\/17\/contact-form-copy\/"},"modified":"2025-04-24T05:03:09","modified_gmt":"2025-04-24T05:03:09","slug":"circle-progress","status":"publish","type":"post","link":"https:\/\/docs.zozothemes.com\/cea\/circle-progress\/","title":{"rendered":"Circle Progress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1913\" class=\"elementor elementor-1913\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6afb786 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6afb786\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a10fb9\" data-id=\"4a10fb9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c35411 elementor-widget elementor-widget-text-editor\" data-id=\"2c35411\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThis shortcode displays Progress Bar in Circle Shape.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-627e4e2 elementor-widget elementor-widget-video\" data-id=\"627e4e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/docs.zozothemes.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/banner-new.png&quot;,&quot;id&quot;:10220,&quot;size&quot;:&quot;&quot;},&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress1-1.webm\" loop=\"\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/banner-new-1.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d67958 cea-btn-align-center elementor-widget elementor-widget-ceabutton\" data-id=\"6d67958\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\n\t\t\t<a href=\"https:\/\/cea.zozothemes.com\/circle-progress\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg elementor-animation-grow\">\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-right\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ti ti-share\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"cea-button-text\">Demo Link<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a4a7ad8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4a7ad8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2bc058b\" data-id=\"2bc058b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0437acd elementor-widget elementor-widget-image\" data-id=\"0437acd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"280\" height=\"468\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-1-1.jpeg\" class=\"attachment-full size-full wp-image-2033\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-1-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-1-1-179x300.jpeg 179w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645018b elementor-widget elementor-widget-image\" data-id=\"645018b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"280\" height=\"473\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-3-1.jpeg\" class=\"attachment-full size-full wp-image-2035\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-3-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-3-1-178x300.jpeg 178w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e38040c elementor-widget elementor-widget-image\" data-id=\"e38040c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"280\" height=\"353\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-5-1.jpeg\" class=\"attachment-full size-full wp-image-2037\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-5-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-5-1-238x300.jpeg 238w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9cae95 elementor-widget elementor-widget-image\" data-id=\"a9cae95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"177\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-7-1.jpeg\" class=\"attachment-full size-full wp-image-2039\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6330453\" data-id=\"6330453\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce7999b elementor-widget elementor-widget-image\" data-id=\"ce7999b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"324\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-2-1.jpeg\" class=\"attachment-full size-full wp-image-2034\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-2-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-2-1-259x300.jpeg 259w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-803d90e elementor-widget elementor-widget-image\" data-id=\"803d90e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"512\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-4-1.jpeg\" class=\"attachment-full size-full wp-image-2036\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-4-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-4-1-164x300.jpeg 164w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81df4a5 elementor-widget elementor-widget-image\" data-id=\"81df4a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"414\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-6-1.jpeg\" class=\"attachment-full size-full wp-image-2038\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-6-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress-6-1-203x300.jpeg 203w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e76337 elementor-widget elementor-widget-text-editor\" data-id=\"6e76337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-decoration: underline;\">Progress<\/h4><ul><li style=\"list-style-type: none;\"><ul><li><strong>Title <\/strong> &#8211; Here Enter the Circle Progress Title<\/li><li><strong>Progress % <\/strong> &#8211; Here you can place Progress value<\/li><li><strong>Content <\/strong> &#8211; Here you can put Progress content.<\/li><li><strong>Progress Size <\/strong> &#8211; Here you can set Progress Size<\/li><li><strong>Progress Thickness <\/strong> &#8211; Here you can set Circle Progress Thickness<\/li><li><strong>Progress Duration <\/strong> &#8211; Here you can place Animation Progress Duration<\/li><\/ul><\/li><\/ul><p>\u00a0<\/p><h4 style=\"text-decoration: underline;\">Layout<\/h4><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li><strong>Alignment<\/strong> &#8211; This is option for Title alignment.<\/li><li><strong>Layout <\/strong> &#8211; Here you can select Circle Progress layout style.<\/li><li><strong>Post Heading Tag<\/strong> &#8211; Here you can choose heading size.<\/li><li><strong>Circle Progress Items<\/strong> &#8211; Here you can Enable\/Disable items as per your requirments.<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><p>\u00a0<\/p><h4 style=\"text-decoration: underline;\">Style<\/h4><p>Here you can set style for Normal View and Hover View.<\/p><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li><strong>Padding<\/strong> &#8211; Here you can set padding value for Circle Progress.<\/li><li><strong>Margin<\/strong> &#8211; Here you can set margin for Circle Progress.<\/li><li><strong>Font Color<\/strong> &#8211; Here you can add Circle Progress Font Color.<\/li><li><strong>Background Color<\/strong> &#8211; Here you can add Background Color.<\/li><li><strong>Box Shadow Enable<\/strong> &#8211; Here you can Enable\/Disable box shadow.<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><p>\u00a0<\/p><h4 style=\"text-decoration: underline;\">Progress<\/h4><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li><strong>Circle Empty Fill Color<\/strong> &#8211; Here you can add Circle Empty Fill Color.<\/li><li><strong>Circle Start Color<\/strong> &#8211; Here you can add Circle Start Color.<\/li><li><strong>Circle End Color<\/strong> &#8211; Here you can add Circle End Color.<\/li><li><strong>Progress Bar Spacing<\/strong> &#8211; This is option for giving space to Progress Bar.<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><p>\u00a0<\/p><h4 style=\"text-decoration: underline;\">Title<\/h4><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li><strong>Title Color<\/strong> &#8211; Here you can add Title Color.<\/li><li><strong>Title Margin<\/strong> &#8211; Here you can set margin for Circle Progress Title.<\/li><li><strong>Title Transform<\/strong> &#8211; Here you can set title Transform Property.<\/li><li><strong>Title Spacing<\/strong> &#8211; This is option for giving space to Progress Bar Title.<\/li><li><strong>Typography<\/strong> &#8211; Here you can choose Title font family, size, weight etc..<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><p>\u00a0<\/p><h4 style=\"text-decoration: underline;\">Content<\/h4><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li style=\"list-style-type: none;\"><ul><li><strong>Description Spacing<\/strong> &#8211; This is option for giving space to Progress Bar Content.<\/li><li><strong>Typography<\/strong> &#8211; Here you can set Content&#8217;s font family, size, weight etc..<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This shortcode displays Progress Bar in Circle Shape.https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/circle-progress1-1.webm Demo Link ProgressTitle &#8211; Here Enter the Circle Progress TitleProgress % &#8211; Here you can place Progress valueContent &#8211; Here you can put Progress content.Progress Size &#8211; Here you can set Progress SizeProgress Thickness &#8211; Here you can set Circle Progress ThicknessProgress Duration &#8211; Here you can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2309,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-1913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shortcode"],"_links":{"self":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/1913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/comments?post=1913"}],"version-history":[{"count":6,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/1913\/revisions"}],"predecessor-version":[{"id":12821,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/1913\/revisions\/12821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media\/2309"}],"wp:attachment":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media?parent=1913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/categories?post=1913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/tags?post=1913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}