/*Progress Bar */

#myProgress {
  
  position: relative;
  margin: 0 auto; 
  width: 100px;
  height: 180px;
  background-color: #ddd;
  border-radius : 5px;
}

#myBar {
  position: absolute;
  border-radius : 5px; 
  bottom : 0; 
  width: 100%;
  height: 0%;
  /*background-color: #4CAF50;*/

}

/*End of progress Bar*/

.divinfo {
    margin-top: 50px; 
    margin-bottom: 50px; 
}

#divValueBin{
    position : absolute;
    top : 50px;
    padding: 10px 7px;    
}



/*Progress Bar 2*/

#myProgress2 {
  
  position: relative;
  margin: 0 auto; 
  width: 100px;
  height: 180px;
  background-color: #ddd;
  border-radius : 5px;
}

#myBar2 {
  position: absolute;
  border-radius : 5px; 
  bottom : 0; 
  width: 100%;
  height: 0%;
  /*background-color: #4CAF50;*/

}

/*End of progress Bar*/

.divinfo {
    margin-top: 50px; 
    margin-bottom: 50px; 
}

#divValueBin2{
    position : absolute;
    top : 50px;
    padding: 10px 7px;    
}