What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    PROGRESS BAR WAITING FORM LOADING

    Asked by gianpi701 on November 20, 2015 at 02:59 AM

    Hello some one can help me pls

    I do have a form loading into a website but it take few secons, that could get customer go awaybefore form is completely loaded.

    I saw prevoius topics but I do not know how to include progrss bar html into the form html to be just one thing and once the form is loaded the progrees bar disappers

    The web page where the form loads is the following

    http://www.certificazione-ape.com/#!costo-ape/c1kjt

    and the html form code i that one (where the progress bar html code should be included)

     

     

        <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/53005659523959"

          frameborder="0"

          style="width:100%;

          height:514px;

          border:none;"

          scrolling="no">

        </iframe>

        <script type="text/javascript">

          window.handleIFrameMessage = function(e) {

            var args = e.data.split(":");

            var iframe = document.getElementById("JotFormIFrame");

            if (!iframe)

              return;

            switch (args[0]) {

              case "scrollIntoView":

                iframe.scrollIntoView();

                break;

              case "setHeight":

                iframe.style.height = args[1] + "px";

                break;

              case "collapseErrorPage":

                if (iframe.clientHeight > window.innerHeight) {

                  iframe.style.height = window.innerHeight + "px";

                }

                break;

              case "reloadPage":

                window.location.reload();

                break;

            }

            var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

            if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

              var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

              iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

            }

          };

          if (window.addEventListener) {

            window.addEventListener("message", handleIFrameMessage, false);

          } else if (window.attachEvent) {

            window.attachEvent("onmessage", handleIFrameMessage);

          }

          if(window.location.href && window.location.href.indexOf("?") > -1) {

            var ifr = document.getElementById("JotFormIFrame");

            var get = window.location.href.substr(window.location.href.indexOf("?") + 1);

            if(ifr && get.length > 0) {

              var src = ifr.src;

              src = src.indexOf("?") > -1 ? src + "&" + get : src  + "?" + get;

              ifr.src = src;

            }

          }

          </script>

     

    THANKS TO HELP ME 

     

    Screenshot
    progress bar form html html form code html form JotForm style
  • Profile Image
    JotForm Support

    Answered by beril on November 20, 2015 at 04:37 AM

    I see that your form is loading slowly at the originally. We would appreciate it if you could remove your conditions whose fields have been deleted.

    In addition to that, This question was answered at the following links below:

    http://www.jotform.com/answers/708565-How-to-Add-Progress-Bar-on-Page-Load

    http://www.jotform.com/answers/708561-Include-Progress-bar-in-my-form

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

     

     

  • Profile Image

    Answered by gianpi701 on November 20, 2015 at 06:06 AM

    thx to all I'm doing what suggested but pls tell me how can I remove the progress bar, I do not see into the jotform editor but If i open the web pag 3ethe progress bar doeas exists yet

     

  • Profile Image

    Answered by gianpi701 on November 20, 2015 at 06:35 AM

    The code works but the form is loaded not properly, as you can see the form is double (strange) and the button "avanti" that means "forward" is not shown...pls help

  • Profile Image

    Answered by Sammy on November 20, 2015 at 06:36 AM

    I have checked your form and it appears the progress bar has been removed, did you manage to successfully remove it?