{"id":13083,"date":"2025-02-04T13:45:23","date_gmt":"2025-02-04T13:45:23","guid":{"rendered":"https:\/\/www.snapsurveys.com\/support-snapxmp\/?post_type=epkb_post_type_1&p=13083"},"modified":"2025-05-28T15:48:40","modified_gmt":"2025-05-28T14:48:40","slug":"show-progress-percentages-on-tab-controls","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.snapsurveys.com\/support-snapxmp\/snapxmp\/show-progress-percentages-on-tab-controls\/","title":{"rendered":"Show progress percentages on tab controls"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

This tutorial shows you how to record the respondent’s progress on the tab headings as they complete the questions on each tab. <\/p>\n\n\n\n

This can be useful for an audit-style online questionnaire where more than one respondent completes different tabs in the questionnaire, or where the information is entered at different times, as it becomes available.<\/p>\n\n\n\n

Add the tab control<\/h2>\n\n\n\n

For surveys created using the latest survey templates, the\u202fPage\u202f<\/strong>paradata variable is already included in the questionnaire as a hidden system variable. The tab control is only available in online editions, and shown as unavailable in paper editions.<\/p>\n\n\n\n

In questionnaire design, select the hidden ID.page question. Use the mouse right-click to display the pop-up menu, then click\u202fShow Variables<\/strong>\u202fto show the Page\u202f<\/strong>variable<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

For earlier surveys, enable the Page<\/strong> system setting using Questionnaire Properties<\/strong>.<\/a><\/p>\n\n\n\n

The Page variable is a single choice question which you can use to define the number of tabs. Enter the name of each tab in the code label.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Add the questions to each tab<\/h2>\n\n\n\n

When you have entered the tab names, use\u202fpage breaks<\/a>\u202fto group the questions that appear on each tab. <\/p>\n\n\n\n

The questions between the Page question and the first page break will appear on the first tab, the questions between the first and second page break will appear on the second tab. Repeat this until you have created page breaks for all the tabs. <\/p>\n\n\n\n

To add a page break above the selected question, select the\u202fBreak\u202f<\/strong>option in the Toolbar Topics list then select or clear the\u202fPage Break<\/strong>\u202fcheckbox.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Show as a Tab Control<\/h2>\n\n\n\n
    \n
  1. Select the Page question.<\/li>\n\n\n\n
  2. Select Show <\/strong>in the toolbar topic list.<\/li>\n\n\n\n
  3. Select As Tab Control<\/strong> in the next list and select Show<\/strong>.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
      \n
    1. Repeat this for each online edition that you want to show a tabbed page.<\/li>\n<\/ol>\n\n\n\n

      The Page question will not change appearance in the Questionnaire design window<\/p>\n\n\n\n

      Create the progress percentage<\/h2>\n\n\n\n

      Create a derived variable that calculates the percentage of a tab that has been completed. This is based on the respondent providing an answer for each question. The number of questions answered is divided by the total number of questions on the tab and multiplied by 100 to give the percentage.<\/p>\n\n\n\n

        \n
      1. In the Variables window, click New Variable. This opens the Variable Details.<\/li>\n\n\n\n
      2. Enter a name and label to describe the new variable.<\/li>\n\n\n\n
      3. In Type <\/strong>select Derived and in Response <\/strong>select Quantity.<\/li>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
          \n
        1. In the row for code OK enter the percentage calculation in Values<\/strong>: ((NUM (Q1 ok)*1 + NUM (Q2a ok)*1 + NUM (Q2b OK)*1) \/ 3)*100<\/li>\n\n\n\n
        2. Click Save <\/strong>to save the derived variable.<\/li>\n<\/ol>\n\n\n\n

          Next, insert a new variable field after the tab name that will show the percentage of the tab that is completed.<\/p>\n\n\n\n

            \n
          1. In the questionnaire design, place the cursor at the correct position after the tab name. <\/li>\n\n\n\n
          2. Click the Insert <\/strong>button on the toolbar, then click the Variable field<\/strong> menu.<\/li>\n\n\n\n
          3. In Variable<\/strong>, select the derived variable. <\/li>\n\n\n\n
          4. Set the Aspect <\/strong>to Reply and Modify Case<\/strong> to Normal.<\/li>\n<\/ol>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
              \n
            1. Click OK to create the new variable field, which appears between braces { } in the questionnaire design.<\/li>\n\n\n\n
            2. Add a percentage sign after the variable field.<\/li>\n\n\n\n
            3. Click Save<\/strong> to save the changes to the questionnaire.<\/li>\n<\/ol>\n\n\n\n
              \"\"<\/figure>\n\n\n\n

              Repeat this for each tab.<\/p>\n\n\n\n

              Include the completed tick<\/h2>\n\n\n\n

              Create a derived variable that displays a tick when the the respondent completes the tab.<\/p>\n\n\n\n

                \n
              1. In the Variables window, click New Variable. This opens the Variable Details.<\/li>\n\n\n\n
              2. Enter a name and label to describe the new variable.<\/li>\n\n\n\n
              3. In Type <\/strong>select Derived and in Response <\/strong>select Single.<\/li>\n<\/ol>\n\n\n\n
                \"\"<\/figure>\n\n\n\n
                  \n
                1. Use the Character Map to copy the tick symbol.\n