Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » скрипт псевдопрогресс-бар

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

sem88

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужно сделать псевдопрогресс-бар  (обращаю внимание на Псевдо, нужна просто анимация)
 
визуальное оформление есть:
 
 
<style>
.t {font-weight:bold}  
.t {margin-top:150px;}  
 
.lpb{width:250px;border:1px solid #999;padding:1px;height:8px;margin: 10px ;}  
.lpt{  
width:0; height:100%; background-color:#6188f5;  
background-repeat:repeat-x; background-position:0 0;  
background-size:16px 8px;  
background-image:linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.12) 66%,transparent 66%,transparent); }  
</style>
 
<div class="t">Загрузка пожалуйста подождите</div>
 <div class="lpb">  <div  style="width: 10%;"  class="lpt"></div></div></div>
 
 
Необходимо сделать что он был анимирован, т.е. шкала увеличивалась .
Была мысль привязать на  width: 10%  ява скрип чтобы увеличивал показание, но что то не догоняю как это реализовать.  
 
 
<script>
      $(function () {
             $({
                 n: 0
             }).animate({
                 n: 1E3
             }, {
                 duration: 20E3,
                 step: function (a) {
                     $("#test").html(a | 0)
                 }
             })
     });
      </script>
 
<div id="test"></div>
 
 
Прошу дельного совета.
 
 
Добавлено:
кстати последний скрипт требует jquery-1.9.1.js

Всего записей: 89 | Зарегистр. 13-04-2007 | Отправлено: 17:32 09-10-2015
PEDKA



Улыбающийся КС
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sem88
Если на JQuery требуется, то в UI есть отдельный раздел для этого — https://jqueryui.com/progressbar/#label

----------
вот такая вот батва ©...
"Тестирование" это давно уже не помойка.
"Тестирование" это филиал "Помощи" ©

Всего записей: 15958 | Зарегистр. 04-05-2003 | Отправлено: 18:33 10-10-2015
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » скрипт псевдопрогресс-бар


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru