Nutritious Pomegranate Muffins

    xns-seek-bar

    1.0.1 • Public • Published

    xns-seek-bar

    A seekable progress bar component for Vue.js

    xns-seek-bar

    install

    $ npm i xns-seek-bar

    Import & initiate plugin on your entry js file

    import XnsSeekBar from 'xns-seek-bar'
     
    Vue.use(XnsSeekBar)

    In Browser

    // Latest update
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/xns-seek-bar/dist/index.umd.js"></script>

    Example

    <xns-seek-bar :bar-color="'#ffdd00'" :current-value="33" :total-value="100"></xns-seek-bar>

    Options

    Option Type Required Default
    currentValue Number false 0
    totalValue Number false 300
    listen Boolean false true
    barHeight Number false 0.5
    barColor String (Hex) false false
    barShadeColor String (Hex) false false
    intensity Number (0.1 - 1)) false 0

    Options Details

    listen : Enable touch / tap.

    Events

    seekedTo Returns a Number representing value of seeked position.

    Install

    npm i xns-seek-bar

    DownloadsWeekly Downloads

    14

    Version

    1.0.1

    License

    ISC

    Unpacked Size

    13.5 kB

    Total Files

    4

    Last publish

    Collaborators

    • xinnks