Resource icon

VB4 pace.js - smooth page loading indicator 2015-10-06 Nulled

No permission to download
Hi,

This mod will show a nice loading indicator on top of your forum until all elements and resources are loaded and rendered on your forum. It's also very easy to install.

1) Download the attached file and unzip it.
2) Upload the pace.min.js file to the clientscript/ folder of your forum.
3) Now go to your style manager and open the template headinclude.
4) Add the following:

Code:
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/pace.min.js"></script>

5) Save.
6) Go to the CSS/additional.css template and add the following:

Code:
.pace .pace-progress {
  background: #29d; /* Change this to change the bar color. */
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}

7) Save and you're done!

Tip: for more loading indicators and an easy way to set your color, go to PACE — Automatic page load progress bars
Author
Admin
Size
4.2 KB
Extension
zip
Downloads
2
Views
1,765
First release
Last update

More resources from Admin

731Threads
2,287Messages
63,758Members
eliminetorLatest member
Back