Почему не видит переменную?

var lineBar = new ProgressBar.Line("#progress-bar__line-container", { 
  strokeWidth: 4, 
  trailWidth: 0.5, 
  from: { color: "#FF9900" }, 
  to: { color: "#00FF99" }, 
  text: { 
    value: '0', 
    className: 'progress-text', 
    style: { 
      color: 'black', 
      position: 'absolute', 
      top: '-30px', 
      padding: 0, 
      margin: 0, 
      transform: null 
    } 
  }, 
  step: (state, shape) => { 
    shape.path.setAttribute("stroke", state.color); 
    shape.setText(Math.round(shape.value() * 100) + ' %'); 
  } 
}); 
 
lineBar.animate(1, { 
  duration: 4000 
});

#progress-bar__line-container { 
    margin: 0 auto; 
    width: 750px; 
    height: 40px; 
} 
 
.progress-text { 
  font-size: 1.25em; 
  color: black; 
  margin-bottom: 1em; 
  font-weight: 600; 
}

          <div id="progress-bar__line-container"></div>