appearance-progress-bar-002.html (542B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Basic User Interface Test: progress dynamic appearance</title> 4 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> 5 <link rel="match" href="appearance-progress-bar-002-ref.html"> 6 <style> 7 #progress1 { appearance: none } 8 #progress2 { appearance: auto } 9 </style> 10 <progress id="progress1" value="0.5"> 11 <progress id="progress2" value="0.5"> 12 <script> 13 document.body.offsetTop; 14 progress1.style.appearance = "auto"; 15 progress2.style.appearance = "none"; 16 </script>