{"id":1364,"date":"2021-06-22T11:56:22","date_gmt":"2021-06-22T11:56:22","guid":{"rendered":"http:\/\/demo.wpsmartapps.com\/manual\/twelve\/?post_type=manual_documentation&#038;p=1364"},"modified":"2022-05-26T08:57:05","modified_gmt":"2022-05-26T08:57:05","slug":"progress-bar","status":"publish","type":"manual_documentation","link":"https:\/\/manual.smartwpthemes.com\/digital\/documentation\/hot-elements\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"\n<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero\u2019s De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Linear Progress Bar<\/h2>\n\n\n\n<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero\u2019s De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with<\/p>\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\"><strong>HTML<\/strong><\/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-vivid-red-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=\"88\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\"><strong>CSS<\/strong><\/p><span class=\"wp-block-getwid-progress-bar__percent\">88%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color has-vivid-purple-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=\"23\" data-is-animated=\"true\"><div class=\"wp-block-getwid-progress-bar__header\"><p class=\"wp-block-getwid-progress-bar__title\"><strong>JS<\/strong><\/p><span class=\"wp-block-getwid-progress-bar__percent\">23%<\/span><\/div><div class=\"wp-block-getwid-progress-bar__bar\"><div class=\"wp-block-getwid-progress-bar__progress has-text-color has-luminous-vivid-amber-color\" style=\"width:0%\"><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Circular\u00a0Progress Bar<\/h2>\n\n\n\n<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero\u2019s De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with<\/p>\n\n\n\n<div class=\"wp-block-getwid-circle-progress-bar\"><div class=\"wp-block-getwid-circle-progress-bar__wrapper\" data-fill-amount=\"75\" data-is-animated=\"true\" data-size=\"200\" data-thickness=\"auto\"><canvas class=\"wp-block-getwid-circle-progress-bar__canvas\"><\/canvas><\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":1663,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","manualdocumentationcategory":[2],"manual_doc_tag":[],"class_list":["post-1364","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-doc-demo-articles"],"_links":{"self":[{"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/manual_documentation\/1364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/comments?post=1364"}],"version-history":[{"count":0,"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/manual_documentation\/1364\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/manual_documentation\/1663"}],"wp:attachment":[{"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/media?parent=1364"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/manualdocumentationcategory?post=1364"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/manual.smartwpthemes.com\/digital\/wp-json\/wp\/v2\/manual_doc_tag?post=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}