<!DOCTYPE html>
<html>
  <link rel='stylesheet' type='text/css' href='style.css'>
  <style>
    progress {
      -moz-orient: vertical;
    }
  </style>
  <body dir='rtl'>
    <progress value="1.0"></progress>
    <progress value="0.0"></progress>
    <progress value="0.1"></progress>
    <progress value="0.5"></progress>
    <progress value="-1"></progress>
    <progress value="42"></progress>
    <progress value="42" max="100"></progress>
    <progress value="42" max="1"></progress>
    <progress value="42" max="-1"></progress>
    <progress value="0.1" max="-1"></progress>
  </body>
</html>