1. نموذج التقديم
2. فلاش
3. HTML5
يوفر Form صفحة تحديث ، يمكن استخدامها بشكل أكبر. استنادًا إلى HTML5 ، يبدو أنه يمكنك الذهاب إلى الموقع الرسمي لترى ؛
تأثير الشكل 1:
تأثير الشكل 2:
نظرًا لأن التحميل المحلي سريع جدًا ، فقد سجلت GIF 80 مترًا ، وأخيراً أستطيع أن أرى تفاصيل التحميل.
لأن الرمز أكثر:
يتحدث هذا بشكل أساسي عن HTML و CSS:
رمز HTML:
<! نوع css = text/css rel = stylesheet/> </head> <body> <div id = uploadbox> <ul> <li> <img src = images/pic1.jpg/> <span class = progress> </span > <span class = مئوية> </span> </li> <li> <img src = images/pic2.jpg/> <span class = progress> </span> <span class = النسبة المئوية> 12 ٪ </span > </li> <li class = done> <img src = images/pic2.jpg/> <span class = progress> </span> <span class = مئوية> </span> </li> <div class = clearfix> </viv> </ul> </viv> </body> </html>
لا تزال بسيطة جدا:
أ.
ب.
C. li span.progress يستخدم لعرض التقدم.
D. li span.percentage يستخدم لعرض أرقام 1 ٪ إلى 100 ٪ في وسط الصورة.
CSS:
Body {Background: ؛ المطلق: 50 ٪ ؛ ؛ : -1000 ؛} #uploadbox.كلها بسيطة ، في الأساس الاستخدام البسيط لتحديد المواقع ~ يمكن للجميع رؤيته ~
خريطة التأثير الأخير:
ما سبق هو كل محتويات هذا المقال.