Vue Percent width

by Robin Ferrari

HTML

<div id="app">
  <div class="percent">
    <div class="progress" :style="{width: percent+'%'}">

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

CSS

.percent{
  background: grey
}
.progress{
  height: 40px;
  background: green;
}

Vue

new Vue({
  el: "#app",
  data: {
   percent: 50
  },
  methods: {

  }
})