How to present a ring-shaped progress bar in Qualtrics | Experience Community
Skip to main content
JoseS
Administrator
1 year ago

How to present a ring-shaped progress bar in Qualtrics

  • Oct 21, 2022 5:22 AM UTC
  • 3 replies
  • 111 views

Dear all,
I want to conduct an online survey that can present participants with a ring-shaped progress bar to show their answer progress for several questions. e.g.,
幻灯片2.JPGAre there any solutions to this question? Thank you.

3 replies

Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • Oct 21, 2022 5:57 AM UTC

There's no default option for this, so you can either use JS or manually add these pictures on top of the page.
If there aren't too many pages, I'd suggest the later as it's easy to maintain and customize.

    Deepak
    QPN Level 8 ●●●●●●●●
    Forum|alt.badge.img+48
    • Deepak
    • Oct 21, 2022 9:17 AM UTC

    CocoKou
    Yes, a ring would be difficult but you can show current percentage as verbose text above the progress bar. By using this code in header. Kindly enable verbose text in look n feel progress bar setting.

    Hope it helps!

      TomG
      Level 8 ●●●●●●●●
      Forum|alt.badge.img+27
      • TomG
      • Level 8 ●●●●●●●●
      • Oct 21, 2022 2:03 PM UTC

      CocoKou ,
      You could adapt this: https://semicolon.dev/tutorial/css/circular-pie-chart-progress-bar

        Terms & ConditionsAccessibility statement