{"id":5770,"date":"2024-03-06T10:43:48","date_gmt":"2024-03-06T10:43:48","guid":{"rendered":"https:\/\/rainbowthemes.net\/themes\/histudy\/?page_id=5770"},"modified":"2024-03-10T10:02:22","modified_gmt":"2024-03-10T10:02:22","slug":"progressbar","status":"publish","type":"page","link":"https:\/\/rainbowthemes.net\/themes\/histudy\/progressbar\/","title":{"rendered":"Progressbar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5770\" class=\"elementor elementor-5770\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c387b62 e-con-full e-flex e-con e-parent\" data-id=\"c387b62\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-352ad4f elementor-widget elementor-widget-rainbow-progressbar\" data-id=\"352ad4f\" data-element_type=\"widget\" data-widget_type=\"rainbow-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"rbt-progressbar-area bg-color-white rbt-section-gap\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-10 offset-lg-1\">\n                <div class=\"section-title text-center mb--50\">\n                    <span class=\"subtitle bg-secondary-opacity\">COLORS, PERCENTAGE TYPES<\/span>\n                                        <h2 class=\"title\">Style One.<\/h2> \n                     \n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"row row--15\">\n            <div class=\"col-lg-10 offset-lg-1\">\n                <div class=\"rbt-progress-style-1 mt--10\">\n                    \n                 \n                    <div class=\"single-progress\">\n                        <h6 class=\"title\">Web Development<\/h6>\n                        <div class=\"progress\">\n                            <div class='progress-bar wow fadeInLeft bar-color-1'  data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 90%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                            <span class=\"progress-number\">90%<\/span>\n                        <\/div>\n                    <\/div>\n                     \n                    <div class=\"single-progress\">\n                        <h6 class=\"title\">Photoshop Design<\/h6>\n                        <div class=\"progress\">\n                            <div class='progress-bar wow fadeInLeft bar-color-2'  data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 75%\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                            <span class=\"progress-number\">75%<\/span>\n                        <\/div>\n                    <\/div>\n                     \n                    <div class=\"single-progress\">\n                        <h6 class=\"title\">App Development<\/h6>\n                        <div class=\"progress\">\n                            <div class='progress-bar wow fadeInLeft bar-color-3'  data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                            <span class=\"progress-number\">95%<\/span>\n                        <\/div>\n                    <\/div>\n                     \n                    <div class=\"single-progress\">\n                        <h6 class=\"title\">Application Development<\/h6>\n                        <div class=\"progress\">\n                            <div class='progress-bar wow fadeInLeft bar-color-4'  data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 45%\" aria-valuenow=\"45\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                            <span class=\"progress-number\">45%<\/span>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc1fb6a e-con-full e-flex e-con e-parent\" data-id=\"fc1fb6a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d29dbba elementor-widget elementor-widget-rainbow-progressbar\" data-id=\"d29dbba\" data-element_type=\"widget\" data-widget_type=\"rainbow-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Start progress style-2  -->\n<div class=\"rbt-progressbar-area bg-color-extra2 rbt-section-gap\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-10 offset-lg-1\">\n                <div class=\"section-title text-center mb--50\">\n                    <span class=\"subtitle bg-secondary-opacity\">COLORS, PERCENTAGE TYPES<\/span>\n                                            <h2 class=\"title\">Style Two.<\/h2>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"row row--15\">\n            <div class=\"col-lg-10 offset-lg-1\">\n                <div class=\"rbt-progress-style-1 mt--10\">\n                                            <div class=\"single-progress\">\n                            <h6 class=\"title\">Web Development<\/h6>\n                            <div class=\"progress\">\n                                <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 90%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\n                                <\/div>\n                                <span class=\"progress-number\">90%<\/span>\n                            <\/div>\n                        <\/div>\n\n                                            <div class=\"single-progress\">\n                            <h6 class=\"title\">Photoshop Design<\/h6>\n                            <div class=\"progress\">\n                                <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 75%\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\n                                <\/div>\n                                <span class=\"progress-number\">75%<\/span>\n                            <\/div>\n                        <\/div>\n\n                                            <div class=\"single-progress\">\n                            <h6 class=\"title\">App Development<\/h6>\n                            <div class=\"progress\">\n                                <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\n                                <\/div>\n                                <span class=\"progress-number\">95%<\/span>\n                            <\/div>\n                        <\/div>\n\n                                            <div class=\"single-progress\">\n                            <h6 class=\"title\">Application Development<\/h6>\n                            <div class=\"progress\">\n                                <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 45%\" aria-valuenow=\"45\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n\n                                <\/div>\n                                <span class=\"progress-number\">45%<\/span>\n                            <\/div>\n                        <\/div>\n\n                    \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- End progress style-2  -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a90aa45 e-con-full e-flex e-con e-parent\" data-id=\"a90aa45\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51bed55 elementor-widget elementor-widget-rainbow-progressbar\" data-id=\"51bed55\" data-element_type=\"widget\" data-widget_type=\"rainbow-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- Start progress style-large  -->\n<div class=\"rbt-progressbar-area bg-color-white rbt-section-gap\">\n    <div class=\"container\">\n        <div class=\"row row--15\">\n            <div class=\"col-lg-10 offset-lg-1\">\n                <div class=\"rbt-progress-style-1 mt--10\">\n                                    <div class=\"single-progress large-size  no-radius\">\n                        <h6 class=\"title\">Web Development<\/h6>\n                        <div class=\"progress\">\n                            <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 90%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                            <\/div>\n                            <span class=\"progress-number\">90%<\/span>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"single-progress large-size  no-radius\">\n                        <h6 class=\"title\">Photoshop Design<\/h6>\n                        <div class=\"progress\">\n                            <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 75%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                            <\/div>\n                            <span class=\"progress-number\">75%<\/span>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"single-progress large-size  no-radius\">\n                        <h6 class=\"title\">App Development<\/h6>\n                        <div class=\"progress\">\n                            <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 95%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                            <\/div>\n                            <span class=\"progress-number\">95%<\/span>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"single-progress large-size  no-radius\">\n                        <h6 class=\"title\">Application Development<\/h6>\n                        <div class=\"progress\">\n                            <div class=\"progress-bar wow fadeInLeft\" data-wow-duration=\"0.5s\" data-wow-delay=\".3s\" role=\"progressbar\" style=\"width: 45%\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                            <\/div>\n                            <span class=\"progress-number\">45%<\/span>\n                        <\/div>\n                    <\/div>\n                                        \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- End progress style-large  -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05ab7db e-con-full e-flex e-con e-parent\" data-id=\"05ab7db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d28abc elementor-widget elementor-widget-rainbow-progressbar\" data-id=\"6d28abc\" data-element_type=\"widget\" data-widget_type=\"rainbow-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- Start progress style-large  -->\n<div class=\"rbt-progressbar-area bg-color-extra2 rbt-section-gap\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-10 offset-lg-1\">\n                <div class=\"row\">\n\n                    <!-- Start Single Progress Bar  -->\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\n                            <div class=\"radial-progress-single\">\n                                <div class=\"radial-progress\" data-percent=\"80\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\n                                    <div class=\"circle-text\">\n                                        <span class=\"count\">80<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"circle-info\">\n                                    <h4 class=\"title\">Design<\/h4>\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\n                            <div class=\"radial-progress-single\">\n                                <div class=\"radial-progress\" data-percent=\"60\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\n                                    <div class=\"circle-text\">\n                                        <span class=\"count\">60<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"circle-info\">\n                                    <h4 class=\"title\">Photoshop<\/h4>\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\n                            <div class=\"radial-progress-single\">\n                                <div class=\"radial-progress\" data-percent=\"70\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\n                                    <div class=\"circle-text\">\n                                        <span class=\"count\">70<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"circle-info\">\n                                    <h4 class=\"title\">Application<\/h4>\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\n                            <div class=\"radial-progress-single\">\n                                <div class=\"radial-progress\" data-percent=\"95\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\n                                    <div class=\"circle-text\">\n                                        <span class=\"count\">95<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"circle-info\">\n                                    <h4 class=\"title\">Development<\/h4>\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                        <!-- End Single Progress Bar  -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- End progress style-large  -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>COLORS, PERCENTAGE TYPES Style One. Web Development 90% Photoshop Design 75% App Development 95% Application Development 45% COLORS, PERCENTAGE TYPES Style Two. Web Development 90% Photoshop Design 75% App Development 95% Application Development 45% Web Development 90% Photoshop Design 75% App Development 95% Application Development 45% 80 Design Presentation your skill 60 Photoshop Presentation your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5770","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/pages\/5770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/comments?post=5770"}],"version-history":[{"count":0,"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/pages\/5770\/revisions"}],"wp:attachment":[{"href":"https:\/\/rainbowthemes.net\/themes\/histudy\/wp-json\/wp\/v2\/media?parent=5770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}