Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как в JavaScript сделать ProgressBar? Прогрес Бар в JavaScript ? 
:(
    Опции темы
t77
Дата 2.12.2008, 18:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 27.7.2008

Репутация: нет
Всего: нет



Доброе время суток.
Очень часто при создании файлов или удалении файлов или еще какой-нибудь длительной операции хочется показать пользователю, что процесс идет, типа не волнуйся, подожди пожалуйста !!! 
Возможно ли такое в JavaScript ? Если да, то как?
Прошу не предлагать сделать это на серверных языках(C#, Java, ...)! Вопрос заключается в том как это сделать на клиенте, средствами JavaScript, DHTML, ActiveX, Ajax.
Спасибо.
PM MAIL   Вверх
Michael.de
Дата 2.12.2008, 21:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 4
Всего: 9



t77, Нужна простая эмуляция (типа бегущей полоски)? А анимированный гиф не пойдёт?
PM MAIL   Вверх
Samotnik
Дата 2.12.2008, 21:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: нет
Всего: 191



t77,  какправило для таких целей используется обычный  gif  анимация  smile 
Но иногда необходимо показывать пользователю реальную полоску, а не просто бегающую анимацию, вот этот случай тяжелый  smile  Нужно  слать запросы на сервер, вычислять время и изменять ширину divа в зависимости от времени оставшегося 
PM MAIL   Вверх
t77
Дата 3.12.2008, 09:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 27.7.2008

Репутация: нет
Всего: нет



Michael.de
Цитата

А анимированный гиф не пойдёт? 

Samotnik
Цитата

как правило для таких целей используется обычный  gif  анимация  

Замечательно!!! Подойдет!

Только вот не будет ли этот анимированный GIF, тормозить основной процесс работы?
Или необходимо использовать потоки? Кстати существуют ли потоки в JavaScript?
Если да, то как в JavaScript создать два или несколько потоков и использовать их? 
Тоесть в одном из них выполняется основная логика, паралельно с этим, в другом потоке, выводится прогрес бар...
PM MAIL   Вверх
Samotnik
Дата 3.12.2008, 12:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: нет
Всего: 191



t77,  smile  smile  smile 
папапапатоки ?????????
Зачем ?  smile   Тут проще чем в Java
Скачай анимацию  прогресс бара в  .gif формате, и вставь ее  src  в  какой нибудь  div   smile 
Никаких потоков тут не нужно  smile 
PM MAIL   Вверх
Dima 2015
Дата 3.12.2008, 14:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



t77, недавно как раз забавы ради писал такую штуку на js:

http://sandbox.mkechinov.ru/reg_animate/

можно сделать что-то аналогичное smile
PM MAIL ICQ   Вверх
t77
Дата 3.12.2008, 15:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 27.7.2008

Репутация: нет
Всего: нет



Dima 2015, Прикольно, спасибо. smile 
PM MAIL   Вверх
BASF
Дата 21.7.2009, 18:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 11.3.2009

Репутация: нет
Всего: нет



Советую отличную статью по этой теме - http://www.quizful.net/post/progressbar_with_jquery
Думаю пригодится.
PM MAIL   Вверх
t77
Дата 22.7.2009, 15:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 27.7.2008

Репутация: нет
Всего: нет



Спасибо!
Не пользовался никогда библиотеками...
Может кто знает хороший ресурс по библиотекам на русском языке, где можно было бы почитать как инклудиться и что скачивать для начала использования методов того или иного класса ...?
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0907 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.