Loading animation while iframe or js form loads

  • Profile Image
    Asked on June 03, 2011 at 10:39 AM

    Here in thailand it takes about 10 seconds for the iframe and .js jotform forms to load.... Anyone know of a handy way to show a loading animation or loading message to the visitor while the form is loading? 

    Thanks for any ideas. 

  • Profile Image
    Answered on June 03, 2011 at 10:58 AM

    Hi pillarmarketing,

    Thanks for your message. For the iframe embed code, you may try to put an animated graphic or text stating that the form is currently being loaded and ask the user to wait for a short while. The modified embed code should look something like this:

    <iframe allowtransparency="true" src="//form.jotform.com/form/10691226277" frameborder="0" style="width:100%; height:763px; border:none;" scrolling="no">

    <img src="//www.example.com/yourloadinganimationhere.gif">


    The red-colored text should contain your animated loading graphic and the file URL should be changed to that of your actual image file. Note that this image should be shown only if your browser does not support iframes or possibly while the iframe is loading. Kindly try and let us know how it goes for you.

    Please let us know if you have any other questions or concerns. Thank you for using JotForm!


  • Profile Image
    Answered on October 11, 2012 at 07:48 AM


    I couldn't make this to work. I have a jotform <script type="text/javascript" src="//form.jotformeu.com/jsform/22836715464358"></script>

    and it's loading really slowly because of the pictures. The user is not so patient to wait. I need to put a "Please wait...the form is loading" till it's finished loading. After it's finish...this "Plaese wait..." should disapear again. Can we do something like that.

    Thank you for your help


  • Profile Image
    Answered on May 03, 2015 at 02:36 PM

    Hi. This did not work for me