{"id":1357,"date":"2021-11-05T11:06:49","date_gmt":"2021-11-05T11:06:49","guid":{"rendered":"http:\/\/rainbowit.net\/themes\/imroz\/?page_id=1357"},"modified":"2021-11-05T11:06:49","modified_gmt":"2021-11-05T11:06:49","slug":"progress-bar","status":"publish","type":"page","link":"http:\/\/product.prostyle.technology\/ja\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1357\" class=\"elementor elementor-1357\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-67d01ac rn-progress-area ptb--120 bg_color--1 line-separator elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67d01ac\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2c7713e\" data-id=\"2c7713e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96e17f5 elementor-widget elementor-widget-imroz-progress-bar\" data-id=\"96e17f5\" data-element_type=\"widget\" data-widget_type=\"imroz-progress-bar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"progress-wrapper\">\r\n\r\n                            <div class=\"heading section-title mb--40 text-left\">\r\n                                            <h3 class=\"title rbt-section-title\"><span>Gradient Color<\/span><\/h3>                                    <\/div>\r\n            \r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-d6dd54a\">\r\n                    <h6 class=\"heading heading-h6\">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: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-2d31ccd mt--40\">\r\n                    <h6 class=\"heading heading-h6\">UX<\/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: 85%\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">85%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-97be2ed mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Coding<\/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\"><span\r\n                                class=\"percent-label\">75%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-dd46eec mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Speed<\/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\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-f4bf757 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Passion<\/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\"><span\r\n                                class=\"percent-label\">90%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n        \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-top-column elementor-element elementor-element-1642fcb\" data-id=\"1642fcb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e34bce elementor-widget elementor-widget-imroz-progress-bar\" data-id=\"5e34bce\" data-element_type=\"widget\" data-widget_type=\"imroz-progress-bar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"progress-wrapper\">\r\n\r\n                            <div class=\"heading section-title mb--40 text-left\">\r\n                                            <h3 class=\"title rbt-section-title\"><span>Progress Thin<\/span><\/h3>                                    <\/div>\r\n            \r\n                            <div class=\"rn-progress-charts progress-bar--2 elementor-repeater-item-f0e258b\">\r\n                    <h6 class=\"heading heading-h6\">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: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--2 elementor-repeater-item-d2e50cf mt--40\">\r\n                    <h6 class=\"heading heading-h6\">UX<\/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: 85%\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">85%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--2 elementor-repeater-item-e552818 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Coding<\/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\"><span\r\n                                class=\"percent-label\">75%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--2 elementor-repeater-item-6fb298b mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Speed<\/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\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--2 elementor-repeater-item-ef9c90c mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Passion<\/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\"><span\r\n                                class=\"percent-label\">90%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n        \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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-608ef85 ptb--120 bg_color--1 line-separator elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"608ef85\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a886731\" data-id=\"a886731\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a5b9d3b elementor-widget elementor-widget-imroz-progress-bar\" data-id=\"a5b9d3b\" data-element_type=\"widget\" data-widget_type=\"imroz-progress-bar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"progress-wrapper\">\r\n\r\n                            <div class=\"heading section-title mb--40 text-left\">\r\n                                            <h3 class=\"title rbt-section-title\"><span>Progress Bold<\/span><\/h3>                                    <\/div>\r\n            \r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-0e8cfcf\">\r\n                    <h6 class=\"heading heading-h6\">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: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-1c72996 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">UX<\/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: 85%\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">85%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-f49b41c mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Coding<\/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\"><span\r\n                                class=\"percent-label\">75%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-bf05b0a mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Speed<\/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\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n        \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-top-column elementor-element elementor-element-d39df03\" data-id=\"d39df03\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19a0bcc elementor-widget elementor-widget-imroz-progress-bar\" data-id=\"19a0bcc\" data-element_type=\"widget\" data-widget_type=\"imroz-progress-bar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"progress-wrapper\">\r\n\r\n                            <div class=\"heading section-title mb--40 text-left\">\r\n                                            <h3 class=\"title rbt-section-title\"><span>Custom Gradient Color<\/span><\/h3>                                    <\/div>\r\n            \r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-4b74d72\">\r\n                    <h6 class=\"heading heading-h6\">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: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-1c27489 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">UX<\/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: 85%\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">85%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-1468a68 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Coding<\/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\"><span\r\n                                class=\"percent-label\">75%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-1dc1a82 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Speed<\/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\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--1 elementor-repeater-item-26d2705 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Passion<\/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\"><span\r\n                                class=\"percent-label\">90%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n        \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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0ca8794 ptb--120 bg_color--1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0ca8794\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8503a3\" data-id=\"f8503a3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbc1f45 elementor-widget elementor-widget-imroz-progress-bar\" data-id=\"dbc1f45\" data-element_type=\"widget\" data-widget_type=\"imroz-progress-bar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"progress-wrapper\">\r\n\r\n                            <div class=\"heading section-title mb--40 text-left\">\r\n                                            <h3 class=\"title rbt-section-title\"><span>Progress Extra Bold<\/span><\/h3>                                    <\/div>\r\n            \r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-0e8cfcf\">\r\n                    <h6 class=\"heading heading-h6\">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: 95%\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-1c72996 mt--40\">\r\n                    <h6 class=\"heading heading-h6\">UX<\/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: 85%\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"><span\r\n                                class=\"percent-label\">85%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-f49b41c mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Coding<\/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\"><span\r\n                                class=\"percent-label\">75%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"rn-progress-charts progress-bar--3 elementor-repeater-item-bf05b0a mt--40\">\r\n                    <h6 class=\"heading heading-h6\">Speed<\/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\"><span\r\n                                class=\"percent-label\">95%<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n        \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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gradient Color Design 95% UX 85% Coding 75% Speed 95% Passion 90% Progress Thin Design 95% UX 85% Coding 75% Speed 95% Passion 90% Progress Bold Design 95% UX 85% Coding 75% Speed 95% Custom Gradient Color Design 95% UX 85% Coding 75% Speed 95% Passion 90% Progress Extra Bold Design 95% UX 85% Coding 75% Speed 95%<\/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":[],"_links":{"self":[{"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/pages\/1357"}],"collection":[{"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/comments?post=1357"}],"version-history":[{"count":0,"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/pages\/1357\/revisions"}],"wp:attachment":[{"href":"http:\/\/product.prostyle.technology\/ja\/wp-json\/wp\/v2\/media?parent=1357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}