{
    "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-06T10:43:48",
    "modified_gmt": "2024-03-06T10:43:48",
    "slug": "progressbar",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/lumina-online.com\/en_us\/progressbar\/",
    "title": {
        "rendered": "Progressbar"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"5770\" class=\"elementor elementor-5770\" data-elementor-post-type=\"page\">\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\" data-e-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-e-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\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-10 offset-lg-1\">\r\n                <div class=\"section-title text-center mb--50\">\r\n                    <span class=\"subtitle bg-secondary-opacity\">COLORS, PERCENTAGE TYPES<\/span>\r\n                                        <h2 class=\"title\">Style One.<\/h2> \r\n                     \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row row--15\">\r\n            <div class=\"col-lg-10 offset-lg-1\">\r\n                <div class=\"rbt-progress-style-1 mt--10\">\r\n                    \r\n                 \r\n                    <div class=\"single-progress\">\r\n                        <h6 class=\"title\">Web Development<\/h6>\r\n                        <div class=\"progress\">\r\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>\r\n                            <span class=\"progress-number\">90%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                     \r\n                    <div class=\"single-progress\">\r\n                        <h6 class=\"title\">Photoshop Design<\/h6>\r\n                        <div class=\"progress\">\r\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>\r\n                            <span class=\"progress-number\">75%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                     \r\n                    <div class=\"single-progress\">\r\n                        <h6 class=\"title\">App Development<\/h6>\r\n                        <div class=\"progress\">\r\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>\r\n                            <span class=\"progress-number\">95%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                     \r\n                    <div class=\"single-progress\">\r\n                        <h6 class=\"title\">Application Development<\/h6>\r\n                        <div class=\"progress\">\r\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>\r\n                            <span class=\"progress-number\">45%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\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\" data-e-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-e-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  -->\r\n<div class=\"rbt-progressbar-area bg-color-extra2 rbt-section-gap\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-10 offset-lg-1\">\r\n                <div class=\"section-title text-center mb--50\">\r\n                    <span class=\"subtitle bg-secondary-opacity\">COLORS, PERCENTAGE TYPES<\/span>\r\n                                            <h2 class=\"title\">Style Two.<\/h2>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row row--15\">\r\n            <div class=\"col-lg-10 offset-lg-1\">\r\n                <div class=\"rbt-progress-style-1 mt--10\">\r\n                                            <div class=\"single-progress\">\r\n                            <h6 class=\"title\">Web Development<\/h6>\r\n                            <div class=\"progress\">\r\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\">\r\n\r\n                                <\/div>\r\n                                <span class=\"progress-number\">90%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                            <div class=\"single-progress\">\r\n                            <h6 class=\"title\">Photoshop Design<\/h6>\r\n                            <div class=\"progress\">\r\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\">\r\n\r\n                                <\/div>\r\n                                <span class=\"progress-number\">75%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                            <div class=\"single-progress\">\r\n                            <h6 class=\"title\">App Development<\/h6>\r\n                            <div class=\"progress\">\r\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\">\r\n\r\n                                <\/div>\r\n                                <span class=\"progress-number\">95%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                            <div class=\"single-progress\">\r\n                            <h6 class=\"title\">Application Development<\/h6>\r\n                            <div class=\"progress\">\r\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\">\r\n\r\n                                <\/div>\r\n                                <span class=\"progress-number\">45%<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\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\" data-e-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-e-type=\"widget\" data-widget_type=\"rainbow-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- Start progress style-large  -->\r\n<div class=\"rbt-progressbar-area bg-color-white rbt-section-gap\">\r\n    <div class=\"container\">\r\n        <div class=\"row row--15\">\r\n            <div class=\"col-lg-10 offset-lg-1\">\r\n                <div class=\"rbt-progress-style-1 mt--10\">\r\n                                    <div class=\"single-progress large-size  no-radius\">\r\n                        <h6 class=\"title\">Web Development<\/h6>\r\n                        <div class=\"progress\">\r\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\">\r\n                            <\/div>\r\n                            <span class=\"progress-number\">90%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"single-progress large-size  no-radius\">\r\n                        <h6 class=\"title\">Photoshop Design<\/h6>\r\n                        <div class=\"progress\">\r\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\">\r\n                            <\/div>\r\n                            <span class=\"progress-number\">75%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"single-progress large-size  no-radius\">\r\n                        <h6 class=\"title\">App Development<\/h6>\r\n                        <div class=\"progress\">\r\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\">\r\n                            <\/div>\r\n                            <span class=\"progress-number\">95%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"single-progress large-size  no-radius\">\r\n                        <h6 class=\"title\">Application Development<\/h6>\r\n                        <div class=\"progress\">\r\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\">\r\n                            <\/div>\r\n                            <span class=\"progress-number\">45%<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\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\" data-e-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-e-type=\"widget\" data-widget_type=\"rainbow-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- Start progress style-large  -->\r\n<div class=\"rbt-progressbar-area bg-color-extra2 rbt-section-gap\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-10 offset-lg-1\">\r\n                <div class=\"row\">\r\n\r\n                    <!-- Start Single Progress Bar  -->\r\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\r\n                            <div class=\"radial-progress-single\">\r\n                                <div class=\"radial-progress\" data-percent=\"80\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\r\n                                    <div class=\"circle-text\">\r\n                                        <span class=\"count\">80<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"circle-info\">\r\n                                    <h4 class=\"title\">Design<\/h4>\r\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\r\n                            <div class=\"radial-progress-single\">\r\n                                <div class=\"radial-progress\" data-percent=\"60\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\r\n                                    <div class=\"circle-text\">\r\n                                        <span class=\"count\">60<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"circle-info\">\r\n                                    <h4 class=\"title\">Photoshop<\/h4>\r\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\r\n                            <div class=\"radial-progress-single\">\r\n                                <div class=\"radial-progress\" data-percent=\"70\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\r\n                                    <div class=\"circle-text\">\r\n                                        <span class=\"count\">70<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"circle-info\">\r\n                                    <h4 class=\"title\">Application<\/h4>\r\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-3 col-lg-2 col-md-2 col-sm-1 mt--30 col-12\">\r\n                            <div class=\"radial-progress-single\">\r\n                                <div class=\"radial-progress\" data-percent=\"95\" data-bar-color=\"#059DFF\" data-track-color=\"#F6F6F6\">\r\n                                    <div class=\"circle-text\">\r\n                                        <span class=\"count\">95<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"circle-info\">\r\n                                    <h4 class=\"title\">Development<\/h4>\r\n                                    <h6 class=\"subtitle\">Presentation your skill<\/h6>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                        <!-- End Single Progress Bar  -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\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>",
        "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>",
        "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:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/pages\/5770",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/comments?post=5770"
            }
        ],
        "version-history": [
            {
                "count": 0,
                "href": "https:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/pages\/5770\/revisions"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/lumina-online.com\/en_us\/wp-json\/wp\/v2\/media?parent=5770"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}