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


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

1330
8.4 из 10
Проголосовало: 5






Этот скрипт позволит установить на Вашем сайта прогресс бар, показывающий загрузку сайта в целом в виде полоски в верхней части. Впервые я увидел такую загрузку на YouTube, но не будем гадать, где она появилась впервые. Подумайте, прежде чем установить скрипт, т.к. может оказаться, что это и будет лишней нагрузкой на сайт. Если на сайте нечего загружать, то такой плагин будет лишним, а если на сайте встроен видео-проигрыватель или просто тяжелые изображения, то следует поставить такой интересный и полезный плагин.
Скрипт работает нормально с версией JQuery 1.10.2. А сам скрипт NProgress.js должен загружаться после библиотеки, поэтому нужно вставить его в "Верхнюю часть сайта" после body. А запуск плагина вставьте в "Нижнюю часть сайта", перед /body.

Ниже приведена инструкция как установить прогресс бар на свой сайт на 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();
  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() — завершает загрузку страницы

Плагин может оказаться полезным для видеосервисов, файловых хостингов и просто для украшения сайта. Очень прост в установке и использовании.
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://ricostacruz.com/nprogress/
  • Всего комментариев: 9

vlad_fine
-3
vlad_fine написал: Написано 09 мая 2016 в 13:06
Комментарий №4
Категория: Троян

Описание: Эта опасная программа выполняет команды злоумышленника.

Рекомендуемое действие: Немедленно удалите это программное обеспечение.

Объекты:
file:C:\Users\Vlad\Desktop\Downloads\5991_zornet-blogging.rar
webfile:C:\ProgramData\Microsoft\Windows Defender\LocalCopy\{69115C8F-0877-4905-8074-E41EF912B783}-5991_zornet-blogging.rar|browser.exe
webfile:C:\Users\Vlad\Desktop\Downloads\5991_zornet-blogging.rar|http://zornet.ru/_ld/59/5991_zornet-blogging.rar|browser.exe

schoolonly
0
schoolonly написал: Написано 09 мая 2016 в 18:40
Комментарий №5
Да...Гавёный у вас антивирус

k43
0
k43 написал: Написано 09 мая 2016 в 23:07
Комментарий №6
это троль какой то )

vlad_fine
-2
vlad_fine написал: Написано 10 мая 2016 в 09:25
Комментарий №7
ко ко ко

k43
0
k43 написал: Написано 10 мая 2016 в 13:21
Комментарий №8
ко ко ко это к тебе, пользуется гавно антивирусом, скидывает какую то дичь и говорит это вирус. я сам проверил архив, там лежит 2 файла js и css

CbIPoK2513
+2
CbIPoK2513 написал: Написано 11 мая 2016 в 17:01
Комментарий №9
Результат проверки с сайта Dr.Web - Ссылка
Результат проверки с сайта VirusTotal - ссылка

Gig0536
0
Gig0536 написал: Написано 09 Июля 2014 в 10:33
Комментарий №1
Установил как надо, скрипт не работает.
Подключение скрипта в "Верх", а запуск в "Низ".
!НО! jsfiddle ошибок не выдал.
Jquery 1.10.2 подключён.

Xgibit
+1
Xgibit написал: Написано 09 Июля 2014 в 14:43
Комментарий №2
потому, что руки из.... поэтому и не работает.

k43
0
k43 написал: Написано 11 Сентября 2014 в 21:39
Комментарий №3
Код
<script>
  $('body').show();
  $('.version').text(NProgress.version);
  NProgress.start();
  setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);

  $("#b-0").click(function() { NProgress.start(); });
  $("#b-40").click(function() { NProgress.set(0.4); });
  $("#b-inc").click(function() { NProgress.inc(); });
  $("#b-100").click(function() { NProgress.done(); });
  </script>


правильный код

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: