{"id":173,"date":"2020-08-10T19:46:41","date_gmt":"2020-08-10T19:46:41","guid":{"rendered":"http:\/\/localhost:8888\/LD_style_guide\/?page_id=173"},"modified":"2020-09-10T20:10:53","modified_gmt":"2020-09-10T20:10:53","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"\n    <!-- Tabs -->\n    <ul class=\"nav nav-tabs mb-5\">\n        <li class=\"nav-item\">\n            <a class=\"nav-link active\" id=\"example-1-tab\" href=\"#example-1\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"example-1\" aria-selected=\"true\">Example<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"description-1-tab\" href=\"#description-1\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"description-1\" aria-selected=\"false\">Description<\/a>\n        <\/li>\n        <li class=\"nav-item\">\n            <a class=\"nav-link\" id=\"code-1-tab\" href=\"#code-1\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"code-1\" aria-selected=\"false\">Code<\/a>\n        <\/li>\n\n    <\/ul>\n\n\n\n    <!-- Tab panes -->\n    <div class=\"tab-content mb-5\">\n\n        <!-- Tab Example -->\n        <div class=\"tab-pane active\" id=\"example-1\" role=\"tabpanel\" aria-labelledby=\"example-1-tab\">\n            <div class=\"mt-1 mb-5\">\n\n\n\n<div class=\"bg-slateBlue sectionIntro\">\n\n\t\t\t\t\t\t<div id=\"ctl00_Content_ctrlContractHead\" class=\"contractHead\"> <!-- Upper Area -->\n\n\t\t\t\t\t\t\t<div class=\"inner-headerSlate nonLandingPage\">\n\n\t\t\t\t\t\t\t\t<h1>Free Residential Lease Agreement<\/h1>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div id=\"ctl00_Content_ctrlSectionMenuTop\" class=\"sectionMenuTopWrapper\">\n\t\t\t\t\t\t\t\t<ol class=\"sectionMenuTop\">\n\t\t\t\t\t\t\t\t\t<li class=\" QSGeneralInfo selected nn seen first\" style=\"\"><a href=\"\/contracts\/residential-lease\/?s=QSGeneralInfo&amp;loc=US&amp;\">General<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" QSTerm nn seen\"><a href=\"\/contracts\/residential-lease\/?s=QSTerm&amp;loc=US&amp;\">Term<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" QSPropertyInformation nn unseen\"><a href=\"\/contracts\/residential-lease\/?s=QSPropertyInformation&amp;loc=US&amp;\">Property<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" QSLandlordInformation nn unseen\"><a href=\"\/contracts\/residential-lease\/?s=QSLandlordInformation&amp;loc=US&amp;\">Parties<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" QSLeaseTermAndRent nn unseen\"><a href=\"\/contracts\/residential-lease\/?s=QSLeaseTermAndRent&amp;loc=US&amp;\">Terms<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" QSMediation nn unseen\"><a href=\"\/contracts\/residential-lease\/?s=QSMediation&amp;loc=US&amp;\">Final Details<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" QSDate nn unseen\"><a href=\"\/contracts\/residential-lease\/?s=QSDate&amp;loc=US&amp;\">Signing<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li class=\" FinishTab unseen\"><a href=\"#\">Print\/Download<\/a><\/li>\n\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<div id=\"ctl00_Content_ctrlQuestions_ctl87_ctl07\" class=\"progressIntro desktopOnly qd squestionsLayout--sectionWrapper\">\n\t\t\t\t\t\t\t\t<div id=\"ctl00_Content_ctrlQuestions_ctl87_ctl07_ctl02\" class=\" progressBarWrapper qd squestionsLayout--progress   \">\n\t\t\t\t\t\t\t\t\t<progress id=\"ctl00_Content_ctrlQuestions_ctl87_ctl07_ctl02\" value=\"72\" style=\"\" max=\"970\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"progressBar\">\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"display: inline-block; width: 4.3299%;\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/progress>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\n\n            <\/div>\n        <\/div>\n\n\n\n\n        <!-- Tab Description -->\n        <div class=\"tab-pane\" id=\"description-1\" role=\"tabpanel\" aria-labelledby=\"description-1-tab\">\n            <div class=\"col-12\">\n\n\n\n<p>The progress bar provides users with a visual cue of where they are in the questionnaire process.<\/p>\n\n\n\n            <\/div>\n        <\/div>\n\n\n\n\n        <!-- Tab Code -->\n        <div class=\"tab-pane\" id=\"code-1\" role=\"tabpanel\" aria-labelledby=\"code-1-tab\">\n            <section>\n                <div class=\"col greyvalidator \">\n                    <pre><code>\n                        &lt;button class=\"hp_searchbar\"&gt;Search&lt;\/button&gt;            \n                    <\/code><\/pre>\n\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Example Description Code Free Residential Lease Agreement General Term Property Parties Terms Final Details Signing Print\/Download The progress bar provides users with a visual cue [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"_links":{"self":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/173"}],"collection":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":14,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/pages\/173\/revisions\/591"}],"wp:attachment":[{"href":"https:\/\/darcypaterson.ca\/lawdepot_style_guide\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}