Progress bar for NexT

Installation

If you want to use the CDN instead of clone this repo, please jump to the Step 3.

Step 1 → Go to NexT dir

Change dir to NexT directory. There must be layout, source, languages and other directories:

1
2
3

$ cd themes/next
$ ls
_config.yml  crowdin.yml  docs  gulpfile.js  languages  layout  LICENSE.md  package.json  README.md  scripts  source

Step 2 → Get module

Install module to source/lib directory:

1	$ git clone https://github.com/theme-next/theme-next-pace source/lib/pace

Step 3 → Set it up

Enable module in NexT _config.yml file and select your theme:

pace:
  enable: true
  # Themes list:
  # big-counter | bounce | barber-shop | center-atom | center-circle | center-radar | center-simple
  # corner-indicator | fill-left | flat-top | flash | loading-bar | mac-osx | material | minimal
  theme: minimal

And, if you wants to use the CDN, then need to set: (you also need to find your corresponding theme css link in jsdelivr)

vendors:
  ...
  pace: //cdn.jsdelivr.net/npm/pace-js@1/pace.min.js
  pace_css: //cdn.jsdelivr.net/npm/pace-js@1/themes/blue/pace-theme-minimal.css

Update

1 2	$ cd themes/next/source/lib/pace $ git pull