progress {

  /* Positioning */

  position: fixed;

  left: 0;



  /* Dimensions */

  width: 100%;

  height: .25em;



  /* Reset the apperance */  

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;



  /* Get rid of the default border in Firefox/Opera. */

  border: none;



  /* For Firefox/IE10+ */

  background-color: transparent;



  /* For IE10+, color of the progress bar */



  z-index: 100001;

}

progress::-webkit-progress-bar {

  background-color: transparent;

}

.progress-container {

  width: 100%;

  background-color: transparent;

  position: fixed;

  top: 0;

  left: 0;

  height: .25em;

  display: block;

  

}



.progress-bar {

  background-color: red;

  width: 50%;

  display: block;

  height: inherit;

}