https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click Gravity Support Forums Topic: Fake progress bar popup on button click en-US Mon, 20 Apr 2026 10:11:40 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click#post-49995 Mon, 20 Feb 2012 14:14:07 +0000 Rob Harrell 49995@https://legacy.forums.gravityhelp.com/ <p>Try this:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $(&quot;.gform_wrapper&quot;).after(&quot;&lt;div id=&#39;fakeprogress&#39;&gt;&lt;h2&gt;Uploading Files.. Please Wait&lt;/h2&gt;&lt;/div&gt;&quot;); $(&quot;#fakeprogress&quot;).hide(); $(&quot;.gform_footer input.button&quot;).click(function () { $(&quot;#fakeprogress&quot;).delay(1000).show(&#39;slow&#39;); }); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click#post-49585 Thu, 16 Feb 2012 09:16:03 +0000 growe19 49585@https://legacy.forums.gravityhelp.com/ <p>Hey Rob, tried it and refreshed and still no luck. Have also tried changing the javascript a little. Still no joy.<br /> <pre><code>jQuery.noConflict(); jQuery(document).ready(function($) { $(&quot;.gform_wrapper).after(&quot;&lt;div id=&#39;fakeprogress&#39;&gt;&lt;h2&gt;Uploading Files.. Please Wait&lt;/h2&gt;&lt;/div&gt;&quot;); $(&quot;.fakeprogress&quot;).hide(); $(&quot;.gform_footer input.button&quot;).click(function () { $(&quot;.fakeprogress&quot;).delay(3000).show(&#39;slow&#39;); }); });</code></pre> https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click#post-48959 Thu, 09 Feb 2012 22:08:05 +0000 Rob Harrell 48959@https://legacy.forums.gravityhelp.com/ <p>In your style.css you have references to #fakeprogress, but in your javascript you are labeling it as a class="fakeprogress". Try changing the class='fakeprogress' to id='fakeprogress' in your javascript and see if that works out. </p> https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click#post-48828 Thu, 09 Feb 2012 10:26:56 +0000 growe19 48828@https://legacy.forums.gravityhelp.com/ <p>Yep, sorry. </p> <p><a href="http://garyrowe.co.uk/swiftprintuk3/store/posters/gloss-200gsm-a0/" rel="nofollow">http://garyrowe.co.uk/swiftprintuk3/store/posters/gloss-200gsm-a0/</a> </p> https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click#post-48826 Thu, 09 Feb 2012 09:54:47 +0000 Rob Harrell 48826@https://legacy.forums.gravityhelp.com/ <p>Do you have a link to your form? I assume you tried the class method rather than the ID so you could target all of your forms? We would need something to look at to try to see what's not working properly or to offer any kind of guidance. </p> https://legacy.forums.gravityhelp.com/topic/fake-progress-bar-popup-on-button-click#post-48823 Thu, 09 Feb 2012 09:07:45 +0000 growe19 48823@https://legacy.forums.gravityhelp.com/ <p>Kevin Flahaut greatly explains how to make a fake progress bar popup in this thread:<br /> <a href="http://www.gravityhelp.com/forums/topic/add-a-file-upload-progress-bar" rel="nofollow">http://www.gravityhelp.com/forums/topic/add-a-file-upload-progress-bar</a></p> <p>However I would like to make the popup appear on all gravity forms button clicks.</p> <p>The code at the bottom of that locked thread doesn't work. And you can't add over 100 scripts into the header for each and every gravity forms button ID.</p> <p>How is this possible?</p> <p>Thanks,<br /> G </p>