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

730Threads
2,281Messages
62,600Members
MAULatest member
Back