Very simple page top scroll seek bar with Vue.js.
# npm
npm install vue-seek-bar
# yarn
yarn add vue-seek-bar
<template>
<div id="main">
<VueSeekBar color="#42b983" opacity="0.9" height="3" />
<div>
Your page contents here!!!
</div>
</div>
</template>
<script>
import VueSeekBar from "vue-seek-bar";
export default {
components: { VueSeekBar }
};
</script>
Specify seek bar color.
You can use both color code(#000000
), and rgb()
.
Specify seek bar opacity.
Input 0.1
to 1.0
.
Specify seek bar height.
MIT
teinen