<script>
import { range } from './rangeTween.js'
const store = range(0, 100)
</script>
<main>
<h1>Range tween</h1>
<p>
Current value is: {$store.toFixed(1)}
</p>
<p>
<progress value={$store} min=0 max=100/>
</p>
<button on:click={() => store.run()}>
Run
</button>
</main>
<style>
:global(body) {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
h1 {
margin: 3rem;
}