Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Как в JavaScript сделать ProgressBar?


Автор: t77 2.12.2008, 18:29
Доброе время суток.
Очень часто при создании файлов или удалении файлов или еще какой-нибудь длительной операции хочется показать пользователю, что процесс идет, типа не волнуйся, подожди пожалуйста !!! 
Возможно ли такое в JavaScript ? Если да, то как?
Прошу не предлагать сделать это на серверных языках(C#, Java, ...)! Вопрос заключается в том как это сделать на клиенте, средствами JavaScript, DHTML, ActiveX, Ajax.
Спасибо.

Автор: Michael.de 2.12.2008, 21:07
t77, Нужна простая эмуляция (типа бегущей полоски)? А анимированный гиф не пойдёт?

Автор: Samotnik 2.12.2008, 21:35
t77,  какправило для таких целей используется обычный  gif  анимация  smile 
Но иногда необходимо показывать пользователю реальную полоску, а не просто бегающую анимацию, вот этот случай тяжелый  smile  Нужно  слать запросы на сервер, вычислять время и изменять ширину divа в зависимости от времени оставшегося 

Автор: t77 3.12.2008, 09:13
Michael.de
Цитата

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

Samotnik
Цитата

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

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

Только вот не будет ли этот анимированный GIF, тормозить основной процесс работы?
Или необходимо использовать потоки? Кстати существуют ли потоки в JavaScript?
Если да, то как в JavaScript создать два или несколько потоков и использовать их? 
Тоесть в одном из них выполняется основная логика, паралельно с этим, в другом потоке, выводится прогрес бар...

Автор: Samotnik 3.12.2008, 12:16
t77,  smile  smile  smile 
папапапатоки ?????????
Зачем ?  smile   Тут проще чем в Java
Скачай анимацию  прогресс бара в  .gif формате, и вставь ее  src  в  какой нибудь  div   smile 
Никаких потоков тут не нужно  smile 

Автор: Dima 2015 3.12.2008, 14:56
t77, недавно как раз забавы ради писал такую штуку на js:

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

можно сделать что-то аналогичное smile

Автор: t77 3.12.2008, 15:58
Dima 2015, Прикольно, спасибо. smile 

Автор: BASF 21.7.2009, 18:44
Советую отличную статью по этой теме - http://www.quizful.net/post/progressbar_with_jquery
Думаю пригодится.

Автор: t77 22.7.2009, 15:23
Спасибо!
Не пользовался никогда библиотеками...
Может кто знает хороший ресурс по библиотекам на русском языке, где можно было бы почитать как инклудиться и что скачивать для начала использования методов того или иного класса ...?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)