indeterminate-style-width-ref.html (946B)
1 <!DOCTYPE html> 2 <html> 3 <link rel='stylesheet' href='resource://reftest/progress.css'> 4 <style> 5 div.progress-bar { 6 width:100%; 7 } 8 body > div:nth-child(1) > .progress-bar { width: 20px; } 9 body > div:nth-child(2) > .progress-bar { width: 0px; } 10 body > div:nth-child(3) > .progress-bar { width: 50%; } 11 body > div:nth-child(4) > .progress-bar { width: 1em; } 12 body > div:nth-child(5) > .progress-bar { width: 100%; } 13 </style> 14 <body> 15 <div class="progress-element"> 16 <div class="progress-bar"> 17 </div> 18 </div> 19 <div class="progress-element"> 20 <div class="progress-bar"> 21 </div> 22 </div> 23 <div class="progress-element"> 24 <div class="progress-bar"> 25 </div> 26 </div> 27 <div class="progress-element"> 28 <div class="progress-bar"> 29 </div> 30 </div> 31 <div class="progress-element"> 32 <div class="progress-bar"> 33 </div> 34 </div> 35 </body> 36 </html>