Forums

I have a rather large and complicated form that requires a lot of processing and uploading of files. I would like to display a progress bar as in https://www.w3schools.com/bootstrap/bootstrap_progressbars.asp and update it at various points along the way. Is such a thing possible or is there some other way I should be trying to do this?

HI healyhatman,

There were some built in progress bars in CFv5 but I don't think they have yet made it to CFv6. Can you add Custom elements in the appropriate places to show similar HTML+ CSS to the W3Schools examples?

Bob

I meant a loading bar that appears when you submit the form, and that gets updates as things are processed on the server. So for example after the file uploads succeed, set the progress bar to 40%. After the employee details are uploaded to Xero, set it to 60%.

Although such a thing probably wouldn't have any way of working I suppose unless the form was AJAX or something I don't know. Never mind.

Hi healyhatman,

Yes it would need to be an AJAX form - and I'm not sure quite how you would get it to work then; or you could make it a multi-page form and show progress page by page.

Bob