[Rails 4.x] Turbolinksを使用した遷移時にだけ Progress Bar を使う

Progress Bar（プログレスバー）とは

こんな感じです。(ちょっと違いますが...)

youtubeで画面遷移をするとき、画面のうえのほうで左から右へ何かが流れていく、あれです。

それを、Turbolinksで遷移した際に表示できる様にします。

これを使います

インストール & 設定

Gemfile

gem 'nprogress-rails'

$ bundle install

もしくは

$ gem install nprogress-rails

application.js(.coffee)に追記

//= require nprogress
//= require nprogress-turbolinks

application.css.scssに追記

*= require nprogress
*= require nprogress-bootstrap

もうちょっと細かい設定

application.js(.coffee)に追記。

NProgress.configure {
  showSpinner: false,
  ease: 'ease',
  speed: 500,
}

これだけで動きます。

詳細