layout/reftests/forms/progress/values-vertical-rtl-ref.html

   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 dir='rtl'>
  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>