Progress Bar custom | Experience Community
Skip to main content
JoseS
Administrator
1 year ago

Progress Bar custom

  • Feb 10, 2023 9:07 AM UTC
  • 2 replies
  • 585 views
QPN Level 2 ●●
Forum|alt.badge.img+5

Hi everyone,
I would like to modify the progress bar, but the only thing I could modify has been the color by using:
.Skin .ProgressBarFill {
  background-color: #007680 !important;
}
how can I set different different size?

2 replies

qualtrics_nerd
Level 5 ●●●●●
Forum|alt.badge.img+19
  • qualtrics_nerd
  • Level 5 ●●●●●
  • Feb 10, 2023 10:10 AM UTC

Hi cmagg ,
You can customize the size of progress bar by using below code in header file


You can change the width size as per your requirement by changing the percentage value.
Hope it resolves your query😊!!!

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+48
  • Deepak
  • Feb 10, 2023 4:19 PM UTC

https://community.qualtrics.com/XMcommunity/discussion/23919/progress-bar-customI would like to make the survey progress bar shorter — XM Community (qualtrics.com)
Including the below thread for reference to my answer on your other comment
Hope it helps!

    Terms & ConditionsAccessibility statement