Turbolinksでprogress barを表示する

Turbolinks 2.5.2からProgress Barを表示する機能が追加されたので試してみた。 使い方Turbolinks.enableProgressBar() メソッドをJSの中で呼ぶだけ。 Turbolinks.enableProgressBar() これでページ上部にprogress barが表示される。こんな感じ。 動くサンプルはこちら。 デザインデフォルトではbackground-colorは#0076ff、heightは3pxになっている。これは自分でスタイルを定義して変更する事が出来る。以下サンプル。 html.turbolinks-progress-bar::before { background-color: red !important; height: 5px !important; } まとめTurbolinks、進行状況が分かりづらかったのでこれで大分解

[tkawa]

「Turbolinks 2.5.2からProgress Barを表示する機能が追加された」

[kattton]

便利情報 / https://github.com/rails/turbolinks#progress-bar