<template>
  <div class="slider" ref="slider">
    <div class="process" :style="{width}"></div>
    <div class="thunk" ref="trunk" :style="{left}" >
      <div class="tips">
        <span>{{per}}</span>
        <!-- <span>300</span> -->
      </div>
      <div class="block"></div>

    </div>
  </div>
</template>

<script src="./slider-comp.js"></script>
<style lang="scss" scoped>
@import "./slider-comp.scss";
</style>