Progress Bar for links

Is it possible to use a Progress Bar with a link instead of a form?

For example, if a user click a link to a page with complex PHP calculations that requires a few seconds to render can the Progress Bar be implemented and triggered from a link completely separate from any form?

Yes, but the easiest way would be to still use a form. Add a form with a progress bar without any form elements in it and even add style="display:none" so the form doesn't actually display.

Set the form action to the page you want to link to and have the link submit the form.

Do that by adding a function to the page like:

<script>
function doProgress() {
	WADFP_jQuery('#form1').submit();
}
</script>

then the link would be something like: <a href="javascript:doProgress()">go</a>

Thanks for the quick reply!

In this case there are several links on the page that I would love to trigger the Progress Bar with and I'd like to avoid setting up individual invisible forms for each link. What's the harder way to trigger without a form?

I'd still use the form... just update the function to allow you to pass in the link url.

<script>
function doProgress(url) {
        document.getElementById("form1").setAttribute("action",url);
	WADFP_jQuery('#form1').submit();
}
</script>

<a href="javascript:doProgress('pageurl.php')">go to page</a>

Thanks! The problem now though is that the URL needs to have a query string that is not getting passed along with the form. I guess I could add the fields to the invisible form and then get the link to set the values when clicked which then submits the form which passes the correct query string. That seems like a lot of trouble. I was hoping there was an easier way to trigger the Progress Bar to appear outside of a form submit event like an onClick event.

If you change the form method to post it will maintain the url parameters you pass in.