Placing the progress bar above the navigation buttons

Question

By default, the navigation buttons appear above the progress bar.

I have been asked by a client to place the progress bar above the navigation buttons.

Is this possible? If so, how do I best approach the issue?

Answer 1

Just to complement Saurabh's answer:

Any time you want to relocate an element on a page, the jQuery functions 'insertBefore' and 'insertAfter' can be of great use.  For example, putting the progress bar above the navigation arrows only requires this one line of code:

<script type="text/javascript">
$(document).ready(function(){
    $('.progress_bar').insertBefore('.submit_div');
})
</script>

Comments

Good Use of Jquery

---

Thanks Zachary for the tip. Nice solution.

Thanks again Saurabh.

Well done gents.

Answer 2

Hey Paul,

You can try this:

Turn off progress bar from survey setting and place [% ProgressBar() %] in individual question footer.

Regards,
Saurabh

Comments

Thanks Saurabh. I forgot all about that function. Thanks for pointing me in the right direction.