CodeByZach / pace

Automatically add a progress bar to your site.
https://codebyzach.github.io/pace/
MIT License
15.68k stars 1.9k forks source link

loading stuck on 99% #531

Open shakazulu89 opened 2 years ago

shakazulu89 commented 2 years ago

Hey all

So i have this issue i think some others also have where the loading animation keeps playing because it is stuck on 99%.

The thing is, im having this issue even on Pace.js home page (where all the samples are. I tried firefox and edge same issue.

<div class="pace-progress" style="transform: translate3d(100%, 0px, 0px);" data-progress-text="100%" data-progress="99">
  <div class="pace-progress-inner"></div>
</div>

Any ideas? Any more info i can give to help diagnose this?

Thanks! Roy

shakazulu89 commented 2 years ago

anyone? any help is greatly appreciated.

wsteven24 commented 2 years ago

anyone? any help is greatly appreciated.

I had this issue. It was the ducking antivirus (Kaspersky), a thing related to "script injection" that was being executed in the client's browser, apparently paceJS considers this as an ajax being executed. I solved this by deactivating the script injection on Kaspersky on the clients' machines. Later I realized that paceJS can be configured to not track specific ajax execution like SignalR. I think the "trackWebSockets" must be set to false. I show you the configs I set to pace.js file:

defaultOptions = { ... ajax: { trackMethods: ['GET', 'POST'], trackWebSockets: false, ignoreURLs: ['signalr', '__browserLink', 'browserLinkSignalR'] } };

shakazulu89 commented 2 years ago

oh wow ill check that right now!

shakazulu89 commented 2 years ago

damn doesnt seem to have fixed it. i disabled script injection in kaspersky but maybe i need to restart PC before it takes effect? I cant restart right now but i will try later

wsteven24 commented 2 years ago

damn doesnt seem to have fixed it. i disabled script injection in kaspersky but maybe i need to restart PC before it takes effect? I cant restart right now but i will try later

yes, I think so. Also check the developer console, there you can see what the heck is running in background

shakazulu89 commented 2 years ago

so i dont think its kaspersky. i just tried going to pace homepage on a dev server i have. no kaspersky installed and its still doesnt load 100%

image

shakazulu89 commented 2 years ago

any other ideas? :(

wsteven24 commented 2 years ago

Also check the developer console, there you can see what the heck is running in background. It for sure should be something you have installed in your machine.

shakazulu89 commented 2 years ago

But how can you explain that I run it in an azure dev system with barely anything installed on it and get the same issue, on pace.js homepage.. I'm not sure where to start to look in dev console, what could be running to cause this?


From: wsteven24 @.> Sent: Tuesday, November 30, 2021 12:18:40 PM To: CodeByZach/pace @.> Cc: shakazulu89 @.>; Author @.> Subject: Re: [CodeByZach/pace] loading stuck on 99% (Issue #531)

Also check the developer console, there you can see what the heck is running in background

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2FCodeByZach%2Fpace%2Fissues%2F531%23issuecomment-982539934&data=04%7C01%7C%7C221a5e3d392e445c9bd508d9b3f32a25%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637738679226933138%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=n0FU9J6dvNJiUhM%2FqUdHSz601tbIAAHlkQcd3wjywEY%3D&reserved=0, or unsubscribehttps://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAAKRUVGAFWUR7GZFIXQADYTUOSXJBANCNFSM5IKNXFCQ&data=04%7C01%7C%7C221a5e3d392e445c9bd508d9b3f32a25%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637738679226933138%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=XYIVCRKgG8seYs4y9fwI00uPct0w6XEF%2FB0yWw0QXcE%3D&reserved=0. Triage notifications on the go with GitHub Mobile for iOShttps://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fapps.apple.com%2Fapp%2Fapple-store%2Fid1477376905%3Fct%3Dnotification-email%26mt%3D8%26pt%3D524675&data=04%7C01%7C%7C221a5e3d392e445c9bd508d9b3f32a25%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637738679226943101%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=m9uYaPPwnUsmMP4fMAGdiLRDbOUeYJk7Tn2vLNagSd4%3D&reserved=0 or Androidhttps://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.github.android%26referrer%3Dutm_campaign%253Dnotification-email%2526utm_medium%253Demail%2526utm_source%253Dgithub&data=04%7C01%7C%7C221a5e3d392e445c9bd508d9b3f32a25%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637738679226953056%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=1YbWa605A5oi7FlEi9SxGo87UEuDXNfjwlRKBg3a5rs%3D&reserved=0.

shakazulu89 commented 2 years ago

still cant solve this.. big bummer since this plug in is integrated in a project already.. just dont know why its getting stuck on 99% :/

wsteven24 commented 2 years ago

According to your statement, you're still having the issue on the Pace.js homepage (https://codebyzach.github.io/pace/), meaning that definitely you have an extension or any kind of software that injects scripts to opened web pages. To detect what is that "thing" running in background, open the developer console, go to the "Network tab", then execute in the console "Pace.restart();", see if the bar ends the loading, wait till loader appears again while seeing the network tab. This is what I did to find out that Kaspersky was injecting a javascript (this name: ff.kis.v2.scr.kaspersky-labs.com) to all web pages.

Also try clearing your browser cache and cookies.

Also check this if you are using firefox: https://github.com/CodeByZach/pace/issues/510#issuecomment-780578138

shakazulu89 commented 2 years ago

@wsteven24 thanks again for your time. I do see on my local computer there is a KIS websocket call that gets stuck on pending status. But, when i remote desktop into a different server i have the same issue of getting stuck at 99% and when i examine network there is no KIS request or any other request that hasnt completed...

solhuang2201 commented 2 years ago

I had the same problem before, solved the problem is here: https://stackoverflow.com/questions/43887415/pace-js-never-reaches-100

Also check this #470

marcomarsala commented 2 years ago

In my case I have the same issue on Pace homepage and the only browser plug-in is 1password. It’s a clean OS install with no antivirus or other sw injecting things