{"id":3536,"date":"2020-02-26T11:07:27","date_gmt":"2020-02-26T11:07:27","guid":{"rendered":"https:\/\/elements.getwid.getmotopress.com\/?page_id=3536"},"modified":"2020-02-26T11:07:27","modified_gmt":"2020-02-26T11:07:27","slug":"progress-bar-wordpress-blocks","status":"publish","type":"page","link":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/blocks-03\/progress-bar-wordpress-blocks\/","title":{"rendered":"Progress Bar WordPress Blocks"},"content":{"rendered":"\n<div class=\"wp-block-getwid-advanced-heading\" style=\"margin-bottom:30px\"><h3 class=\"wp-block-getwid-advanced-heading__content\" style=\"text-align:center\">Linear Progress Bar<\/h3><\/div>\n\n\n\n<p><strong>Linear<\/strong><strong>Progress Bar WordPress Block<\/strong>&nbsp;adds an animated horizontal progress bar, wherein you can change colors and values.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-progress-bar\"><div class=\"wp-block-getwid-progress-bar__wrapper\" data-fill-amount=\"95\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\">HTML<\/p><span class=\"wp-block-getwid-progress-bar__percent\">95%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color has-color-1-color\" style=\"width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-progress-bar\"><div class=\"wp-block-getwid-progress-bar__wrapper\" data-fill-amount=\"93\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\">CSS<\/p><span class=\"wp-block-getwid-progress-bar__percent\">93%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color has-color-1-color\" style=\"width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-progress-bar\"><div class=\"wp-block-getwid-progress-bar__wrapper\" data-fill-amount=\"85\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\">JS<\/p><span class=\"wp-block-getwid-progress-bar__percent\">85%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color has-color-1-color\" style=\"width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-progress-bar\"><div class=\"wp-block-getwid-progress-bar__wrapper\" data-fill-amount=\"75\" data-is-animated=\"false\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\">Design<\/p><span class=\"wp-block-getwid-progress-bar__percent\">75%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color has-color-1-color\" style=\"width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-getwid-advanced-heading\" style=\"margin-bottom:30px;margin-top:100px\"><h3 class=\"wp-block-getwid-advanced-heading__content\" style=\"text-align:center\">Circular Progress Bar<\/h3><\/div>\n\n\n\n<p><strong>Circular Progress Bar WordPress Block<\/strong>&nbsp;adds animated circular progress bars, wherein you can adjust a bar sickness, size and colors.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-getwid-circle-progress-bar\"><div class=\"wp-block-getwid-circle-progress-bar__wrapper\" data-text-color=\"#B09162\" data-fill-amount=\"85\" data-is-animated=\"true\" data-size=\"200\" data-thickness=\"5\" style=\"text-align:center\"><canvas class=\"wp-block-getwid-circle-progress-bar__canvas\"><\/canvas><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-getwid-circle-progress-bar\"><div class=\"wp-block-getwid-circle-progress-bar__wrapper\" data-text-color=\"#B09162\" data-fill-amount=\"45\" data-is-animated=\"true\" data-size=\"200\" data-thickness=\"20\" style=\"text-align:center\"><canvas class=\"wp-block-getwid-circle-progress-bar__canvas\"><\/canvas><\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>LinearProgress Bar WordPress Block&nbsp;adds an animated horizontal progress bar, wherein you can change colors and values. Circular Progress Bar WordPress Block&nbsp;adds animated circular progress bars, wherein you can adjust a bar sickness, size and colors.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3443,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/pages\/3536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/comments?post=3536"}],"version-history":[{"count":0,"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/pages\/3536\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/pages\/3443"}],"wp:attachment":[{"href":"https:\/\/reservasincreibledemo.shop\/hotelboutique\/wp-json\/wp\/v2\/media?parent=3536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}