App.svelte
<script> import { tweened } from 'svelte/motion'; import { cubicOut } from 'svelte/easing'; const progress = tweened(0, { duration: 400, easing: cubicOut }); </script> <progress value={$progress}></progress> <button on:click="{() => progress.set(0)}"> 0% </button> <button on:click="{() => progress.set(0.25)}"> 25% </button> <button on:click="{() => progress.set(0.5)}"> 50% </button> <button on:click="{() => progress.set(0.75)}"> 75% </button> <button on:click="{() => progress.set(1)}"> 100% </button> <style> progress { display: block; width: 100%; } </style>
loading editor...
Console
loading Svelte compiler...
loading editor...
Compiler options
result = svelte.compile(source, {
generate:
});loading editor...
No AST available
The AST is not public API and may change at any point in time