body {

  background: #7973d3;

}

​

* {

  margin: 0;

  padding: 0

}

​

.outer {

  margin: 50px;

  width: 500px;

  height: 100px;

  background: #284f8e;

  color: #ffffff;

  position: relative;

  display: flex;

  justify-content:center;

  align-items: center;

}

​

.info {

  font-size: 26px;

}

​

.progress{

  position: absolute;

  width: 70%;

  height: 98px;

  top: 0px;

  left: 1px;

  background: rgba(255, 255, 255, 0.3)

}