#progressBar {
  background: linear-gradient(to left, rgb(0, 162, 255), red);
  transform-origin: top left;
  transform: scale(0, 0);
  opacity: 10;
}

#progressBarContainer {
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
}

#progressBarContainer,
#progressBar {
  height: 10px;
}

I am new in react learner. So I face the problem my progressbar status not show on navbar. I use top:0 ,opacity :10 ,and Transformscale property, position :fixed but it will no work so where put this please suggest me. It runs separately, but when I put above navbar component it will hide.