values-vertical-ref.html (1987B)
1 <!DOCTYPE html> 2 <html> 3 <link rel='stylesheet' href='resource://reftest/progress.css'> 4 <style> 5 div:nth-child(1) > .progress-bar { position: relative; top: 0%; height: 100%; } 6 div:nth-child(2) > .progress-bar { position: relative; top: 100%; height: 0%; } 7 div:nth-child(3) > .progress-bar { position: relative; top: 90%; height: 10%; } 8 div:nth-child(4) > .progress-bar { position: relative; top: 50%; height: 50%; } 9 div:nth-child(5) > .progress-bar { position: relative; top: 100%; height: 0%; } 10 div:nth-child(6) > .progress-bar { position: relative; top: 0%; height: 100%; } 11 div:nth-child(7) > .progress-bar { position: relative; top: 58%; height: 42%; } 12 div:nth-child(8) > .progress-bar { position: relative; top: 0%; height: 100%; } 13 div:nth-child(9) > .progress-bar { position: relative; top: 0%; height: 100%; } 14 div:nth-child(10) > .progress-bar { position: relative; top: 90%; height: 10%; } 15 </style> 16 <body> 17 <div class="progress-element vertical"> 18 <div class="progress-bar"> 19 </div> 20 </div> 21 <div class="progress-element vertical"> 22 <div class="progress-bar"> 23 </div> 24 </div> 25 <div class="progress-element vertical"> 26 <div class="progress-bar"> 27 </div> 28 </div> 29 <div class="progress-element vertical"> 30 <div class="progress-bar"> 31 </div> 32 </div> 33 <div class="progress-element vertical"> 34 <div class="progress-bar"> 35 </div> 36 </div> 37 <div class="progress-element vertical"> 38 <div class="progress-bar"> 39 </div> 40 </div> 41 <div class="progress-element vertical"> 42 <div class="progress-bar"> 43 </div> 44 </div> 45 <div class="progress-element vertical"> 46 <div class="progress-bar"> 47 </div> 48 </div> 49 <div class="progress-element vertical"> 50 <div class="progress-bar"> 51 </div> 52 </div> 53 <div class="progress-element vertical"> 54 <div class="progress-bar"> 55 </div> 56 </div> 57 </body> 58 </html>