john/timekeeper
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

feat: demonstrate animation

Browse source
This commit is contained in:
John McCardle 2022-01-07 17:28:21 -05:00
commit 6c61c96091
3 changed files with 36 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/FirstTabContent.vue
View file

@ -1,11 +1,15 @@
<template>
<div class="tab-content grid flex-col">
<template v-for="(process, index) in $store.state.incremental.processes">
<template v-for="(process, index) in $store.state.processes">
<button :key="index" class="text-right font-semibold">
{{ process.device }}
{{ process.instrument }}
</button>
<div :key="index" class="progress-bar relative">
<progress max="100" value="50" class="w-full h-full"></progress>
<progress
max="100"
:value="process.completion"
class="w-full h-full"
></progress>
<span
class="absolute top-0 bottom-0 left-0 right-0 text-center text-white"
>