HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Folyamatok szemléltetése



Név Angol eredete Hatás Jellemzők
<progress> Progress Egy folyamat pillanatnyi állapotának szemléltetése. Páros címke. Általános ; Események
A következő böngészők támogatják: Chrome logó Firefox logó Safari logó Opera logó

A nyitó és a záró címke közé az értéket célszerű beírni, mivel a funkciót nem támogató böngészők esetén (IE és a szabványkövető böngészők régebbi verziói) a címkékkel közrefogott tartalom jelenik meg.

A < progress > címke esetén meg kell adni a maximális értéket a max és az aktuális értéket a value jellemzőkkel

Példa:

Forráskód



<h2>Folyamatok pillanatny állapota</h2>
11% : <progress value="11" max="100">88%</progress><br>
88% : <progress value="88" max="100">88%</progress><br>
65% : <progress value="65" max="100">88%</progress>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_meter.html