» »

Скрипт полосы загрузки для вашего сайта

Скрипт полосы загрузки для вашего сайта

Скрипт позволяет показывать полосу загрузки страниц на вашем сайте. Которая будет вверх сайта, стиль как на браузере Яндекс. Только там если на браузере желтым оттенке цвета идет, то здесь в синем, как можно будет изменить, все написано будет в постскриптуме.

Проверил на работоспособность на тестовом сайте и как оказалось, только работает на главной странице. Хотя возможно как то можно вывести на все, но проверял, и не мог в этом случай сделать. Визуально смотрится красиво и что главное вообще не заметил, чтоб что то грузило.

Приступаем к установке:

1. Первый способ для ГЛ.Ст сайта.

Копируем скрипт и ставим вверх или в низ сайта и все сохранить. Потом идем на главную страницу и просто сделайте ней перегрузку обновление и покажется сразу полоса, и как только на главную заходить будите, то визуально видно ее в самом вверх интернет ресурс находиться будет на какие то секунды, пока страница не загрузиться.

Так визуально смотреться будет, где загрузка полосы пойдет с левой стороны.

Полоса загрузки для сайта

2. Второй способ установки на весь сайт:

Решил проверить и зашел на главную страницу каталога файлов и в самый вверх установил скрипт, и реально стала работать на всех страницах сайта, даже на форуме, изображение прилагаю, как установить.

Плагин сайта NProgress.js

Копируем и ставим там где решили, а точнее по какому способу.

Код
<script src="http://zornet.ru/CSS-ZORNET/Abvan/nprogress.js"></script>  
<link rel="stylesheet" type="text/css" href="http://zornet.ru/CSS-ZORNET/Abvan/nprogress.css" />  
<script type="text/javascript">  
  $('body').show();  
  NProgress.start();  
  setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);  
</script>


PS - Так что вы можете просто поставить на главную, это первый способ и на все страницы, по второму способу. Если решите изменить цвет, по умолчанию он идет синий, то скачиваем архив и там файл стилей, закачиваем его в корень сайта и жмем на против его на гаечный ключ и в самом начале находим background: #29d; где 29d - это цвет и меняем на свой.
02.02.2017 Загрузок: 8 Просмотров: 1029 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
FeStemBer
FeStemBer 02.02.2017 19:321
0
Здесь можно поставить на любую главную страницу модуля, если их даже 2 стоит, вот поставил на один и на всех страницах загрузку показывает.
Kosten
Kosten 02.02.2017 20:542
0
Тоже думаю поставить, хоть какое то будет разнообразие, работает отлично, на тестовом стоит и не каких сбоев не заметил, реально как на письмах у Яши все работает.
Сафрон
Сафрон 03.02.2017 00:193
0
Этот скрипт не новый, его ставил и только на главной был, написано было что в head на всех станицах если поставить, то будет на всем сайте, что не получилось, а здесь все просто оказалось.
avatar