search

rstacruz / nprogress

For slim progress bars like on YouTube, Medium, etc
http://ricostacruz.com/nprogress
MIT License
26.09k stars 1.81k forks source link

Error in animation #49

Open renklaf opened 10 years ago

renklaf commented 10 years ago

nprogress-error

NProgress element is appended to a custom div in my application, rather than the body element.

NProgress CSS override: 

#nprogress .bar {
  background: $nprogress-color;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 2px;
}
davekiss commented 10 years ago

You need to set the z-index of the progress bar to be lower than the z-index of the menu element you are appending it to so that the fancy glow is hidden underneath.