Place the progress bar in a specific spot

Hi,

I’ve added HTML blocks into my form and I’m wondering if there’s a way to place the progress bar into that block?

It feels like I’m close but so far haha. Some ideas are using javascripts insertAdjacentHTML but with a string?

Please note: this is not tested. Just saw no one had tried to help.

You will want to add an HTML field to your form and then add the JS snippet below.

Please read the comments.

<script>
window.addEventListener('load', () => {
// Change 1 to your Form Id.
var theProgressBar = document.getElementById('gf_progressbar_wrapper_1');
// Change your_block_id to your block id.
var theBlock = document.getElementById('your_block_id');
// Appends the progress bar to your block.
theBlock.appendChild(theProgressBar);
});
</script>