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

[NC22]

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

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

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

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

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

 

[fantommd]

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

Может кому пригодится. Пишу для своего движка прогресс бар и хотел бы поинтересоваться в каких браузерах некорректно отображается. Сам проверял уже на chrome, firefoxе , operе , ie 9 - везде корректно было.

Смотреть здесь | Скачивать здесь

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

Посмотреть вложение 2602

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

 

[NC22]

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

 

[fantommd]

@NC22, ok

 

[NC22]

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

 

[wkera]

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

 

[NC22]

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

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

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

 

[RevenHell]

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

Может кому пригодится. Пишу для своего движка прогресс бар и хотел бы поинтересоваться в каких браузерах некорректно отображается. Сам проверял уже на chrome, firefoxе , operе , ie 9 - везде корректно было.

Смотреть здесь | Скачивать здесь

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

Посмотреть вложение 2602

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

 

[NC22]

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

 

[RevenHell]

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

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

 

[homya4ok]

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

 

[homya4ok]

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

Может кому пригодится. Пишу для своего движка прогресс бар и хотел бы поинтересоваться в каких браузерах некорректно отображается. Сам проверял уже на chrome, firefoxе , operе , ie 9 - везде корректно было.

Смотреть здесь | Скачивать здесь

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

Посмотреть вложение 2602

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

 

[RevenHell]

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

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

 

[homya4ok]

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

 

[RevenHell]

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

Воровка

 

[homya4ok]

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

 

[wkera]

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

 

[homya4ok]

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

 

[NC22]

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

Скачать

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

 

[homya4ok]

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