1. Форма подчинения
2. Flash
3. Html5
Форма представляет собой страницу обновления, трудно загрузить асинхронный; На основании HTML5, по -видимому, взимается плата, вы можете перейти на официальный веб -сайт, чтобы увидеть;
Эффект Рисунок 1:
Эффект Рисунок 2:
Поскольку локальная загрузка слишком быстрая, я записал 80 -метровый GIF, и, наконец, я вижу детали загрузки.
Потому что код больше:
Это в основном говорит о HTML и CSS:
HTML -код:
<! css type = text/css rel = stylesheet/> </head> <body> <div id = upload> > <span class = процент> </span> </li> <li> <img src = images/pic2.jpg/> <span class = progress> </span> <span class = процент> 12%</span > </li> <li class = dod> <img src = images/pic2 ClearFix> </div> </ul> </div> </body> </html>
Все еще очень просто:
A. One Div#uploadbox, Ul li представляет каждый блок изображения загрузки
B. li img picture
C. li span.progress используется для отображения прогресса.
D. li span.percentage используется для отображения от 1%до 100%в центре изображения.
CSS:
Body {#eeee;} #uploadbox {ширина: 622px; ; Абсолютно; ; : -1000EM;} #Uploadbox li.Все они просты, в основном простое использование позиционирования ~ Каждый может его видеть ~
Последняя карта эффекта:
Выше всего содержимое этой статьи.