Could you try putting the following in the CSS.

body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

.cf-label::before {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter) ". ";
}

Can you describe a little bit more about the use case here and how you would expect this feature to work? 

At the basic level, it sounds like you are looking for a form setting that would prefix question numbers onto each field in the form.

If you had field rules that hid some of the fields, would the numbers update to what's showing? Or would Q12 be hidden and skipped? 

Where else would these question numbers be used? Would you still want to reference the variables in the process and reports? Or would these question numbers be an alternative to the variable? 

If you added fields to the form, would the question numbers update? Or would question 5 always remain question 5 even if it was moved around on the form? 

If you added a second/third form to the process for approval and included variables from the first form, would they have the same question number?