{"id":73048,"date":"2022-01-19T14:40:11","date_gmt":"2022-01-19T14:40:11","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=73048"},"modified":"2023-05-17T11:04:46","modified_gmt":"2023-05-17T11:04:46","slug":"horizontal-progress-bar","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/horizontal-progress-bar\/","title":{"rendered":"Horizontal Progress Bar block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Horizontal Progress
Bar GUTENBERG<\/span> block<\/h1>

Display your process progressions in horizontally
arranged bars which you can customize with ease<\/p><\/div><\/div>\n\n\n\n

<\/div>
\n
\n
TRY QI BLOCKS<\/span><\/a><\/div>\n\n\n\n
YOUTUBE TUTORIAL<\/span> <\/path><\/g><\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Colors, percentage types & more<\/span><\/h5>

Fully flexible progress bars<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Design<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Design<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
<\/div>
\n
\n
Percentage types<\/span><\/h5>

Floating on<\/h2><\/div><\/div>\n\n\n\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n
\n
<\/div>
\n
\n
Percentage types<\/span><\/h5>

Floating on<\/h2><\/div><\/div>\n\n\n\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
Choose your style<\/span><\/h5>

Enable gradient fill<\/h2><\/div><\/div>\n\n\n\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Design<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
<\/div>
\n
\n
Percentage types<\/span><\/h5>

Floating on<\/h2><\/div><\/div>\n\n\n\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n
\n
<\/div>
\n
\n
Percentage types<\/span><\/h5>

Floating on<\/h2><\/div><\/div>\n\n\n\n
Architecture<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Landscape<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Renders<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n
Visuals<\/h6>
75<\/div><\/div><\/div>
<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-73048","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=73048"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73048\/revisions"}],"predecessor-version":[{"id":85313,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73048\/revisions\/85313"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=73048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}