a reading progress bar plugin for vuepress
source-shell
yarn add vuepress-plugin-reading-progress
# or
npm i vuepress-plugin-reading-progress
source-js
module.exports = {
plugins: [
'reading-progress'
]
}
null
, string
, array
, object
, RegExp
null
Specify regularPath that display reading progress bar
example
source-js
{
readingDir: 'posts'
// or
readingDir: ['posts1', 'posts2', 'posts3']
// or { dir: fixed }
readingDir: {
posts1: 'top',
posts2: 'bottom',
posts3: 'left'
}
// or RegExp
readingDir: /[^/]+$/ // exclude regularPath end with `/`
// or
readingDir: new RegExp('[^/]+$')
}
string
top
support top
, bottom
, left
, right
set position for reading progress bar
Change the reading progress bar display of the current page by use readingShow
string
, boolean
null
top
, bottom
, left
, right
, true
, false
source-lisp
---
readingShow: false
---
If you wish to apply simple color overrides to the styling
+- .vuepress
+- styles
+- palette.styl
source-stylus
$readingBgColor = transparent
$readingZIndex = 1000
$readingSize = 3px
$readingProgressColor = $accentColor
$readingProgressImage = none
source-stylus
$readingProgressImage = linear-gradient(-120deg, #E50743 0%, #F9870F 15%, #E8ED30 30%, #3FA62E 45%, #3BB4D7 60%, #2F4D9E 75%, #71378A 80%)
vue vuepress plugin reading-progress reading progress
☞ Top 4 Programming Languages to Learn In 2019
☞ Introduction to Functional Programming in Python
☞ Dart Programming Tutorial - Full Course
☞ There Is No Best Programming Language