[Vuejs]-Using progress or meter tag with reactive value

It looks like you need to set the "value" attribute using v-bind: (or the shorthand :), as in:

<progress max="100" :value="percent"></progress>

Omitting the : would set the attribute to the string "percent", rather than the value of the percent property.