Hi @divya4321,
I’m afraid, what you notice is the expected behaviour, the progress bar is meant to highlight the pagination percentage, for example, if there are only two pages on the form, the first one is 50% of the form and the second one is another 50%.
We do have plans to improve the workflow regarding this down the roadmap so that it would start with 0% from the start. However, at the moment there isn’t any exact ETA.
In the timebeing, you could try this snippet as a workaround:
<?php
add_action( 'wp_footer', 'change_progress_form' );
function change_progress_form() {
?>
<script type="text/javascript">
setTimeout(function(){
jQuery(document).ready(function($) {
var progressPercentage = 0;
console.log('Progress percentage: ' + progressPercentage + '%');
$('#forminator-module-283 > .forminator-pagination-progress > .forminator-progress-label').text(progressPercentage + '%');
$('#forminator-module-283 > .forminator-pagination-progress > .forminator-progress-bar span').width(progressPercentage + '%');
});
}, 30);
</script>
<?php
}
You’ll have to update the following lines with your form ID, suppose your form ID is 123 then the following line will change from:
$('#forminator-module-283 > .forminator-pagination-progress > .forminator-progress-label').text(progressPercentage + '%');
$('#forminator-module-283 > .forminator-pagination-progress > .forminator-progress-bar span').width(progressPercentage + '%');
To:
$('#forminator-module-123 > .forminator-pagination-progress > .forminator-progress-label').text(progressPercentage + '%');
$('#forminator-module-123 > .forminator-pagination-progress > .forminator-progress-bar span').width(progressPercentage + '%');
You can apply the above code as a mu-plugins. Please check this link on how to implement the above code as a mu-plugins:
https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins
Kind Regards,
Nithin
