Custom survey progress bar design

AdamBostonAdamBoston Essex, UKCommunity Member Qubie ✭
edited November 2018 in Custom Code

Custom survey progress bar design

Has anyone attempted this before? I'm not overly keen on the progress bar designs 'out of the box' and would love to know if anyone has used a custom version? Thanks in advance, Adam

Tagged:

Best Answer

  • Mohammedali_Rajapakar_UgamMohammedali_Rajapakar_Ugam Mumbai - India Wizard ✭✭✭✭✭
    Accepted Answer

    Yes, one of our clients did develop custom progress bar by using CSS and JavaScript.

    • Count the no. of questions in your survey
    • Create an empty container (like a bar) wherever you like you can keep it (top/bottom)
    • Start filling with a constant color as and when user answering the question and calculate the progress bar as ( total no. of question / answered + skipped).

    Step 2 and 3 can be done through CSS and JavaScript.

Answers

  • EeshEesh IndiaCommunity Member, Product Ideas Guru ✭✭

    @ Amara, Though I haven't tried. I am sure this is possible using Javascript but this may be tricky and you have to add programming code.

  • AdamBostonAdamBoston Essex, UKCommunity Member Qubie ✭

    Thanks Eesh, I did assume this would be the case. If anyone has done similar I'd be glad to know

    @Eesh said:
    @ Amara, Though I haven't tried. I am sure this is possible using Javascript but this may be tricky and you have to add programming code.

Sign In to Comment