{"id":28575,"date":"2026-05-27T16:17:44","date_gmt":"2026-05-27T16:17:44","guid":{"rendered":"https:\/\/refiner.io\/docs\/?post_type=knowledgebase&#038;p=28575"},"modified":"2026-05-27T16:17:44","modified_gmt":"2026-05-27T16:17:44","slug":"navigation","status":"publish","type":"knowledgebase","link":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/","title":{"rendered":"Navigation"},"content":{"rendered":"\n\n\n<p>Navigation options control how users move through and exit your survey. You can decide when to show a back button, hide the dismiss button to keep users focused, and display a progress bar to indicate how much of the survey is left. These settings help you fine-tune the survey flow and create an experience that feels clear, intentional, and easy to complete.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"290\" src=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-1024x290.png\" alt=\"\" class=\"wp-image-28576\" srcset=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-1024x290.png 1024w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-800x227.png 800w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-768x218.png 768w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08.png 1518w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Progress Bar<\/h2>\n\n\n\n<p>If you surveys contains more than 2-3 questions, it might be helpful to display a progress bar. The progress bar shows users how many questions a survey has in total and how many are left.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"860\" height=\"405\" src=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-16-at-09.53.16.png\" alt=\"\" class=\"wp-image-24659\" srcset=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-16-at-09.53.16.png 860w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-16-at-09.53.16-800x377.png 800w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-16-at-09.53.16-768x362.png 768w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"back-navigation\">Back Button<\/h2>\n\n\n\n<p>Some survey question types will display a &#8220;Back&#8221; button when they are placed after the first element. As the name suggests, the button allows a user to navigate back to the previous question and modify their response. You can choose to disable back navigation for all questions in your survey. If disabled, users can&#8217;t modify a response once given.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hide-close\">Dismiss Button<\/h2>\n\n\n\n<p>You can choose to hide the &#8220;x&#8221; close button which is otherwise displayed in the top right corner of an in-product survey.<\/p>\n\n\n\n<p>We usually recommend to keep the close button visible to guarantee a good user experience. There are however various situations where hiding the close button makes sense. For example, when you running on onboarding survey with a centered modal layout and completing the survey is mandatory.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"528\" src=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-03-at-15.09.42.png\" alt=\"\" class=\"wp-image-24819\" srcset=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-03-at-15.09.42.png 905w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-03-at-15.09.42-800x467.png 800w, https:\/\/refiner.io\/docs\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-03-at-15.09.42-768x448.png 768w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Navigation options control how users move through and exit your survey. You can decide when to show a back button, hide the dismiss button to keep users focused, and display a progress bar to indicate how much of the survey is left. These settings help you fine-tune the survey flow and create an experience that [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","template":"","knowledgebase_tag":[],"class_list":["post-28575","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-design"],"acf":[],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","ab-block-post-grid-landscape":"","ab-block-post-grid-square":"","gb-block-post-grid-landscape":"","gb-block-post-grid-square":""},"post_excerpt_stackable_v2":"<p>Navigation options control how users move through and exit your survey. You can decide when to show a back button, hide the dismiss button to keep users focused, and display a progress bar to indicate how much of the survey is left. These settings help you fine-tune the survey flow and create an experience that feels clear, intentional, and easy to complete. Progress Bar If you surveys contains more than 2-3 questions, it might be helpful to display a progress bar. The progress bar shows users how many questions a survey has in total and how many are left. Back&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Moritz Dausinger","url":"https:\/\/refiner.io\/docs\/author\/user\/"},"comments_num_v2":"0 comments","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Navigation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigation\" \/>\n<meta property=\"og:description\" content=\"Navigation options control how users move through and exit your survey. You can decide when to show a back button, hide the dismiss button to keep users focused, and display a progress bar to indicate how much of the survey is left. These settings help you fine-tune the survey flow and create an experience that [...]Read More...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"Refiner Documentation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-1024x290.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/\",\"url\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/\",\"name\":\"Navigation\",\"isPartOf\":{\"@id\":\"https:\/\/refiner.io\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-1024x290.png\",\"datePublished\":\"2026-05-27T16:17:44+00:00\",\"dateModified\":\"2026-05-27T16:17:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#primaryimage\",\"url\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08.png\",\"contentUrl\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08.png\",\"width\":1518,\"height\":430},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/refiner.io\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/refiner.io\/docs\/#website\",\"url\":\"https:\/\/refiner.io\/docs\/\",\"name\":\"Refiner Documentation\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/refiner.io\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/refiner.io\/docs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/refiner.io\/docs\/#organization\",\"name\":\"Refiner Documentation\",\"url\":\"https:\/\/refiner.io\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png\",\"contentUrl\":\"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png\",\"width\":400,\"height\":61,\"caption\":\"Refiner Documentation\"},\"image\":{\"@id\":\"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/","og_locale":"en_US","og_type":"article","og_title":"Navigation","og_description":"Navigation options control how users move through and exit your survey. You can decide when to show a back button, hide the dismiss button to keep users focused, and display a progress bar to indicate how much of the survey is left. These settings help you fine-tune the survey flow and create an experience that [...]Read More...","og_url":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/","og_site_name":"Refiner Documentation","og_image":[{"url":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-1024x290.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/","url":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/","name":"Navigation","isPartOf":{"@id":"https:\/\/refiner.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#primaryimage"},"image":{"@id":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08-1024x290.png","datePublished":"2026-05-27T16:17:44+00:00","dateModified":"2026-05-27T16:17:44+00:00","breadcrumb":{"@id":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/refiner.io\/docs\/kb\/design\/navigation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#primaryimage","url":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08.png","contentUrl":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-27-at-18.16.08.png","width":1518,"height":430},{"@type":"BreadcrumbList","@id":"https:\/\/refiner.io\/docs\/kb\/design\/navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/refiner.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Navigation"}]},{"@type":"WebSite","@id":"https:\/\/refiner.io\/docs\/#website","url":"https:\/\/refiner.io\/docs\/","name":"Refiner Documentation","description":"","publisher":{"@id":"https:\/\/refiner.io\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/refiner.io\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/refiner.io\/docs\/#organization","name":"Refiner Documentation","url":"https:\/\/refiner.io\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png","contentUrl":"https:\/\/refiner.io\/docs\/wp-content\/uploads\/2022\/11\/cropped-Group-8.png","width":400,"height":61,"caption":"Refiner Documentation"},"image":{"@id":"https:\/\/refiner.io\/docs\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase\/28575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/comments?post=28575"}],"version-history":[{"count":1,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase\/28575\/revisions"}],"predecessor-version":[{"id":28577,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase\/28575\/revisions\/28577"}],"wp:attachment":[{"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/media?parent=28575"}],"wp:term":[{"taxonomy":"knowledgebase_tag","embeddable":true,"href":"https:\/\/refiner.io\/docs\/wp-json\/wp\/v2\/knowledgebase_tag?post=28575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}