Веб Полоска загруженности сервера [CSS + JavaScript]

Анимированный прогресс бар [100x20 пикселей]

Проверена совместимость с chrom, firefox , opera , ie 9 ....

Вариант без PHP, только сам стиль
Смотреть здесь | Скачивать здесь

Пример подключения стиля к примитивному скрипту мониторинга (PHP)
Скачивать здесь

Спойлер: Скриншот

 

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

 

@fantommd, Ок. Ну ширина это дело индивидуальное . Могу комментарием подписать что менять

 

@NC22, ok

 

Хм... уже пол сотни скачавших. Как в Safari \ Netscape работает ?

 

@NC22, почему-то при вставке кода в движок Joomla скрипт прокрутки полосы не работает. Что это может быть?

 

@wkera, за подвижность отвечает javascript, т.е к странице надо подключить мой js файл. В архиве он есть.

Да и событие window.onload возможно перезаписывается самой joomlaй, вам надо найти откуда jomila грузит свои js и подключить все там. Структуру joomlы не знаю , подсказать не смогу.

Можно еще попробовать вытащить содержимое onload и встроить просто скриптом после самого прогрессбара , в обрамлении <script type="text/javascript"></script>

 

Идея - супер. Можешь обьясниь, как мне сделать свой мониторинг анимированным как тут? Голову ломал - не понял. Вот мой текущий мониторинг, а хотелось бы сделать его анимированным (могу дать файлы мониторинга).

 

@RevenHell, Кидай. Прикручу к какому- нибудь мониторингу на днях.

 

Okay, потом инструкцию расскажешь (я его на сайт вставляю с помощью фрейма). Мне бы зелененький мониторинг, и когда оффлайн то красненький.

 

а можете прикрутить с етим мониторингом?

 

только вот с етим баром очень прошу

 

Взял и у меня спер мониторинг

 

прикрутиш? пожалуйста)

 

Воровка

 

ну кто нить прикрутит?

 

А самостоятельно?

 

я не рубаю в php я токо ставлю моди и плагини

 

@RevenHell, Написал код примерно так, как буду использовать в своем движке. Теперь info.php это файл с функцией вывода состояния сервера, сам он ничего не выводит. А весь вывод идет через основную страницу index.php , хоть она и php, но там php только выводит информацию, скриптов как таковых там нет и все прокомментировано.

Скачать

Демо выглядеть должно примерно так

 

спасибо большое)