# Plugin Loading animation

**URL:** <https://forum.wixstudio.com/t/plugin-loading-animation/59077>\
**Category:** Ask the community\
**Tags:** wix-editor\
**Created:** [May 9, 2024, 2:23am UTC](https://forum.wixstudio.com/t/plugin-loading-animation/59077 "2024-05-09T02:23:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![catmidiacanoas](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/catmidiacanoas/32/91817_2.png) [@catmidiacanoas](https://forum.wixstudio.com/u/catmidiacanoas)\
**Post date:** [May 9, 2024, 2:23am UTC](https://forum.wixstudio.com/t/plugin-loading-animation/59077/1 "2024-05-09T02:23:14Z")

</div>

Any plugin that makes the page loading percentage animation appear during navigation?

---

<div class="post-metadata">

**Author:** ![user2245](https://avatars.discourse-cdn.com/v4/letter/u/ecb155/32.png) [@user2245](https://forum.wixstudio.com/u/user2245)\
**Post date:** [May 9, 2024, 6:33am UTC](https://forum.wixstudio.com/t/plugin-loading-animation/59077/2 "2024-05-09T06:33:58Z")

</div>

**NProgress.js**

- NProgress.js is a lightweight JavaScript library that creates a slim progress bar at the top of the page. It’s easy to implement and highly customizable.

**Pace**

- Pace is another popular JavaScript library that provides a loading bar, as well as additional features like automatic page tracking and configuration options. It’s more feature-rich than NProgress.js but also slightly larger in size.

**LoadingOverlay**

- LoadingOverlay is a jQuery plugin that creates a customizable overlay with a loading animation. It’s lightweight and supports various animation types, including a percentage loader.

**React-Topbar-Progress-Indicator**

- If you’re using React, you can try the react-topbar-progress-indicator package. It provides a top bar progress indicator that shows the loading percentage during navigation.

**Angular Progress Bar**

- For Angular applications, you can use the angular-progress-bar library. It provides a progress bar component that can be customized to show the loading percentage.

_To use any of these plugins, you’ll need to follow their respective installation and implementation instructions. [GM Socrates Login Employee Login](https://gm-socrates.com) Most of them provide options to customize the appearance and behavior of the loading animation, such as color, height, and animation style._

_Keep in mind that while these loading animations can enhance the user experience, they should be used judiciously, as they can potentially slow down the initial page load if not implemented correctly._

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [May 9, 2024, 9:30am UTC](https://forum.wixstudio.com/t/plugin-loading-animation/59077/3 "2024-05-09T09:30:30Z")

</div>

You do not observe the post which have been created here inside this forum?  
Don’t you ?

> [@Page load indicator (Really real Preloader)](https://forum.wixstudio.com/t/page-load-indicator-really-real-preloader/59045/2):
>
> I tested your real-time-preloader → but due to the fact that it is fired by NPM-Lib, it is not indicating that accurate. I compared it to my own generated one, which you will be able to see on the very top on the following site… [https://www.media-junkie.com/](https://www.media-junkie.com/) This PRELOADER works very precise and loads almost in 9 of 10 loading-processes very exactly, giving you even the percentage). But even this one is still not a 100% REAL-TIME-PRELOADER out of my view. The version you use (PACE) ends the …

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [May 9, 2024, 9:32am UTC](https://forum.wixstudio.com/t/plugin-loading-animation/59077/4 "2024-05-09T09:32:18Z")

</div>

**GPT only is capable to direct to the (not always) right direction.**  
**If you use GPT to reply question of others, then you can tell them directly to use GPT by their own.**
