Полоска загрузки для сайта (плагин NProgress.js)
827материалов
228тем на форуме
3004комментария
6159пользователей

Полоска загрузки для сайта (плагин NProgress.js)


Этот скрипт позволит установить на Вашем сайта прогресс бар, показывающий загрузку сайта в целом в виде полоски в верхней части. Впервые я увидел такую загрузку на YouTube, но не будем гадать, где она появилась впервые. Подумайте, прежде чем установить скрипт, т.к. может оказаться, что это и будет лишней нагрузкой на сайт. Если на сайте нечего загружать, то такой плагин будет лишним, а если на сайте встроен видео-проигрыватель или просто тяжелые изображения, то следует поставить такой интересный и полезный плагин.

Ниже приведена инструкция как установить прогресс бар на свой сайт на uCoz.

Установка
Скачайте архив, загрузите папку nprogress через FTP.

В <head> Вашего сайта вставьте следующий код:
Код
<script src="nprogress/nprogress.js"></script>  
<link rel="stylesheet" type="text/css" href="nprogress/nprogress.css" />  
<script type="text/jaxascript">  
  $('body').show();  
  $('.version').text(NProgress.version);  
  NProgress.start();  
  setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);  
</script>

Теперь немного о настройке.

NProgress.start() — показывает Progress Bar

NProgress.set(0.4) — устанавливает значение в процентах (0.5 - 50%, 1 - 100% и далее)

NProgress.done() — завершает загрузку страницы

Плагин может оказаться полезным для видеосервисов, файловых хостингов и просто для украшения сайта. Очень прост в установке и использовании.

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 15.05.2014 в 00:46
Материал просмотрен: 1020 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта