The purpose of this module should be to show an animation during waiting time.
Currently, at my site, the progress bar shows up AFTER the page has visually loaded.
It actually appears as if the progress bar makes the waiting time longer.
When a page is accessed, first there is about two to three seconds of nothing, then the page loads visually, then the progress bar shows up.
This is not useful in any way for me. Could the code be changes so that the progress bar starts exacly when the the enter button is hit?

Comments

bserem’s picture

bserem CreditAttribution: bserem commented
Status: Active » Postponed (maintainer needs more info)

I can't reproduce this. Any links? Are you using something exotic in your site?

doxigo’s picture

doxigo CreditAttribution: doxigo commented

You are right Yuri, it shouldn't be like this, I had the same issue on couple of my websites, I managed to fix this via a lil bit of jQuery and CSS, here's how to fix it:

jQuery: 

(function($) {
Pace.on("done", function(){
    $("#loader").fadeOut(2000);
});
})(jQuery);

CSS

#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f4f4f4;
	color: #fff;
	z-index: 1999;
}

also you need to add an empty div with the ID of loader to your page.tpl.php files so it loads the fader!

<div id="loader">&nbsp;</div>

cthshabel’s picture

cthshabel CreditAttribution: cthshabel commented

This is more along the lines of what I was expecting for this module. Page throbber module is also accomplishing the same thing; however, PACE module seems more promising if it can be tuned the way people are expecting.

jukka792’s picture

jukka792 CreditAttribution: jukka792 commented

I have same issue, page has already fully loaded and only then the animation appears. Tried with multiple sites and different themes.

bserem’s picture

bserem CreditAttribution: bserem commented

@jukka792 have you tried fix in #2? Does it work?

leandrops70’s picture

leandrops70 CreditAttribution: leandrops70 commented

Hello,

I have the same issue: progress bar shows up AFTER the page has visually loaded.

If the above code it's the solution, could you please advise me in which file (and where inside the file) I have to put these codes?

I mean, for jQuery and CSS

I'm using: Drupal 7 / Corporate Clean Theme.

Best regards,

L.

doxigo’s picture

doxigo CreditAttribution: doxigo commented

in your theme's CSS and JS file of course,

Xoruna’s picture

Xoruna
Primary language French
CreditAttribution: Xoruna commented

Doxigo's code works but it seems to have the same effect as the module, while I think Yuri's purpose was to enable the loader right after clicking a link leading to another page. Currently, the module works only after the new page is reached but it would be more useful to enable it onclick element.
Any plan to fix this?

Thanks for your work anyway!