.glow-progress-bar {
  height: 30px;
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #505050;
  margin-bottom: 20px;
}
.glow-progress-bar .glow-progress {
  position: relative;
  height: 100%;
  background-color: #a07f4b;
  transition: width 0.5s ease-out;
}
.glow-progress-bar .glow {
  width: 100px;
  max-width: 100%;
  height: 100%;
  float: right;
}
.glow-progress-bar .glow::before, .progress-bar .glow::after {
  content: '';
  display: block;
  position: relative;
}
.glow-progress-bar .glow::before {
  background: transparent;
  height: 100%;
  box-shadow: 0px 0px 15px #A07F4B, 0px 0px 10px #000000;
  z-index: -5;
}
.glow-progress-bar .glow::after {
  background: linear-gradient(to right, #282828 0%, transparent 100%);
  height: calc(100% + 10px + 10px);
  width: calc(100% + 10px);
  top: -10px;
  left: -10px;
  z-index: -3;
}