Полоска загрузки для сайта (плагин NProgress.js)
Этот скрипт позволит установить на Вашем сайта прогресс бар, показывающий загрузку сайта в целом в виде полоски в верхней части. Впервые я увидел такую загрузку на YouTube, но не будем гадать, где она появилась впервые. Подумайте, прежде чем установить скрипт, т.к. может оказаться, что это и будет лишней нагрузкой на сайт. Если на сайте нечего загружать, то такой плагин будет лишним, а если на сайте встроен видео-проигрыватель или просто тяжелые изображения, то следует поставить такой интересный и полезный плагин.
Ниже приведена инструкция как установить прогресс бар на свой сайт на uCoz.
Установка
Скачайте архив, загрузите папку nprogress через FTP.
В <head> Вашего сайта вставьте следующий код:
<link rel="stylesheet" type="text/css" href="nprogress/nprogress.css" />
<script type="text/javascript">
$('body').show();
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() — завершает загрузку страницы
Плагин может оказаться полезным для видеосервисов, файловых хостингов и просто для украшения сайта. Очень прост в установке и использовании.
Упс! Тут писали, что скрипт не работает, так вот проверка на этом сайте показала, что скрипт работает нормально с версией JQuery 1.10.2. А сам скрипт NProgress.js должен загружаться после библиотеки, поэтому нужно вставить его в "Верхнюю часть сайта" после body. А запуск плагина вставьте в "Нижнюю часть сайта", перед /body.
Воспользуйтесь сервисом uKit. Никакого кода!
