I’ve seen a bunch of the page loader animation plugins and was able to make them work by making them visible on page load, and then doing conditions that say when page is fully loaded the element is not visible.
Is it possible to use them though when a workflow is running? For example I have a button that when pressed opens a popup to create a record, so the user enters in all their fields and so on and then presses Save. When they press Save, a workflow runs that creates the new record, sends an email, does an API call, and then hides the popup and navigates to the new record page. The problem I find is that it takes 5-10 seconds to do all that before it goes to the page, so it shows that thin progress bar at the top of the page which is fine, but the issue is that users can just close the popup or try to navigate away on their own should they be impatient.
Is there any way to have the page basically freeze almost, and show a loading animation while all workflows run, and then only once they are done have it navigate to the new page so that a user can’t click Save 5 times in a row or close the popup while the workflow is still creating all the records and doing the flow?