MineDest
Житель
- Регистрация
- 16.04.15
- Сообщения
- 24
- Реакции
- 15
- Автор темы
- #1
Всем привет форумчане.
Нашел много вариантов вывода прогресса страницы, я вам покажу самый простой.
И так: вставляем сам скрипт в PAGE_CONTAINER до </head> вот сам скрипт
Далее вставляем стили в EXTRA.css, вот стиль:
Пример:
Нашел много вариантов вывода прогресса страницы, я вам покажу самый простой.
И так: вставляем сам скрипт в PAGE_CONTAINER до </head> вот сам скрипт
PHP:
<script>
$(function() {
$("body").append($("<div></div>").attr("id", "progress"));
$("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
$("#progress").width("101%").delay(300).fadeOut(400);
});
</script>
Далее вставляем стили в EXTRA.css, вот стиль:
PHP:
#progress {position: fixed;
z-index: 100;
top: 0;
left: -6px;
width: 1%;
height: 3px;
background: #ff0000;
border-radius: 1px;
transition: width 500ms ease-out,opacity 400ms linear;
}
Пример: