Options

Header Skins

Sidebar Skins

Layout Options

Layout Options

Create Awesome Page Preloaders with ease.

Featuring realistic trickle animations to convince your users that something is happening!

  • NProgress Page Loader

    https://ricostacruz.com/nprogress/
  • NProgress .start() - Starts/Shows the progress bar.
  • NProgress .set(0.5) - Sets the progress bar to a specific interval.
  • NProgress .inc() - Moves the progress bar forward a small increment.
  • NProgress .done() - Completes the progress bars page animation.
  • Page Loader Positions

  • Position Top - barPos: '' (default no class required)
  • Position Header - barPos: 'npr-header'
  • Position Bottom - barPos: 'npr-bottom'
  • Page Loader Contextuals

  • Contextual - Primary
  • Contextual - Success
  • Contextual - Info
  • Contextual - Warning
  • Contextual - Danger
  • Contextual - Alert
  • Contextual - System
  • Contextual - Dark
  • Contextual - Muted
  • Contextual - Light