<template>
    <div style="align-items: center">
        <eeuiSeekbar ref="seek" :max="total" @change="change" class="seek" color="#ff0000"></eeuiSeekbar>
        <text style="font-size:24px">{{progress}}-{{total}}</text>
        <button class="button" text="手动设置 5000" @click="set"></button>
    </div>
</template>
<script>
    export default{
        data(){
            return {
                total:10000,
                progress:0,
            }
        },
        methods: {
            change(m){
                this.progress = m.value;
            },

            set() {
                this.$refs.seek.setProgress(5000);
            }
        }
    }
</script>
<style scoped>
    .seek {
        width:600px;
        height:100px;
    }
    .button {
        font-size: 24px;
        margin-top: 36px;
        width: 220px;
        height: 68px;
    }
</style>