Examples of vue-simple-progress for Vue.js

by shamaleyte

HTML

<script src="https://vuejs.org/js/vue.min.js"></script>
<script src="https://unpkg.com/vue-simple-progress@latest/dist/vue-simple-progress.min.js"></script>
<div id="demo">
  <p>Medium Progress</p>
  <vue-simple-progress size="medium" :val="40" text="40%"></vue-simple-progress>
  <p>Large Progress</p>
  <vue-simple-progress size="large" :val="60" text="60%"></vue-simple-progress>
</div>

CSS

body {
  font-family: sans-serif;
  background: #fff;
  margin: 1rem;
}

JavaScript

var demo = new Vue({
  el: '#demo',
  data: function() {
    return {
      random_pct: 0,
      increasing_pct: 0,
      decreasing_pct: 100
    }
  },
  mounted: function() {
  }
})