CalcBuilder Forum

add a progress bar after hit the calculate button

User alexanderich 2015-02-26 14:44:49

first of all thank you for the previous answers it all works.

I have the last question for you.I think I have become your nightmare.

Is there a way to add a progress bar after they hit the calculate button? I have a form with 6 image uploads and it takes about
25 seconds to submit. I don't want the viewer to think nothing is happening while it's working to upload.

I found this code but I can not adapt it.

I think you have a more simple way to solve my problem


Edited by alexanderich - 26.02.2015 17:39

Moonsoft support 2015-02-27 09:05:37

you're welcome, we're happy to hear you're able to build complex forms using our tool. About a 'wait' section, you can do the following.

Create any needed content at your form section (a wait message/a loading gif..) and place it inside a div with a specific id

div id="waitsection"

Then you need to hide it by default. At javascript tab 'executed on loaded page':


Now use the tab 'execute before calculate' to show it:


And hide it again when calculation is finished at 'executed after calculate' tab:


Hope this helps

User alexanderich 2015-03-02 15:35:40


I solved my problem in part.
When I click on the "calculate" it shows the "div" even if there is a required field that has not been entered. the progress bar is displayed even if it shows the error "this field is required." to solve my problem I added these lines of code. The code seems to work but does not show the result.

"in before calculate execution"
if (CB(".cb_form").eq(1).validate().form()) {
return false;



Moonsoft support 2015-03-02 17:24:42


'return false;' when form is validated is stopping execution of the submit function. Did you try without that line?.


User alexanderich 2015-03-02 19:11:27

ok thanks i solved

List Manager

Build different lists for your site

Buy now!
Support/development 10 hours

Get a bigger amount of hours for more complex tasks and get a 10% discount

Buy now!