title: How to show a vertical progress bar from bottom to top
body: <p>I need help How can i make a progress bar when the window.onload, it has to fill from bottom to top, in this code it works reverse</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function move() {
    var elem = document.getElementById("myBar");   
    var height = 0;
    var id = setInterval(frame, 100);
    function frame() {
      if (height &gt;= 70) {
        clearInterval(id);
      } else {
        height++; 
        elem.style.height = height + '%'; 
        elem.innerHTML = height * 1  + '%';
      }
    }
  }
  window.onload = move();</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#myProgress {
    width:100px;
    background-color: red;
    height:100px
  }
  
  #myBar {
    width: 100px;
    background-color: #4CAF50;
    text-align: center;
    color: white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="myProgress"&gt;
    &lt;div id="myBar"&gt;0&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>