[Rails4.x]Turbolinks 변환만 사용할 때ProgresBar 사용
Progress Bar 소개
이런 느낌이에요.(조금 다른데...)
유튜브에서 화면을 돌릴 때 화면 위에서 왼쪽에서 오른쪽으로 뭐가 흐르는 게 바로 그거예요.
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,
}
이 동작만.
디테일
Reference
이 문제에 관하여([Rails4.x]Turbolinks 변환만 사용할 때ProgresBar 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/colorrabbit/items/958c9e6eb404a9e6797a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
설치 & 설정
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,
}
이 동작만.
디테일
Reference
이 문제에 관하여([Rails4.x]Turbolinks 변환만 사용할 때ProgresBar 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/colorrabbit/items/958c9e6eb404a9e6797a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
gem 'nprogress-rails'
$ bundle install
$ gem install nprogress-rails
//= require nprogress
//= require nprogress-turbolinks
application.css.scss에 추기 *= require nprogress
*= require nprogress-bootstrap
세밀한 설정
application.js(.coffee)에 추기하다.NProgress.configure {
showSpinner: false,
ease: 'ease',
speed: 500,
}
이 동작만.
디테일
Reference
이 문제에 관하여([Rails4.x]Turbolinks 변환만 사용할 때ProgresBar 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/colorrabbit/items/958c9e6eb404a9e6797a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
*= require nprogress
*= require nprogress-bootstrap
application.js(.coffee)에 추기하다.
NProgress.configure {
showSpinner: false,
ease: 'ease',
speed: 500,
}
디테일
Reference
이 문제에 관하여([Rails4.x]Turbolinks 변환만 사용할 때ProgresBar 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/colorrabbit/items/958c9e6eb404a9e6797a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여([Rails4.x]Turbolinks 변환만 사용할 때ProgresBar 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/colorrabbit/items/958c9e6eb404a9e6797a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
