2021-05-28 15:48:58 +02:00
|
|
|
<script lang="typescript">
|
2022-02-03 14:51:47 +01:00
|
|
|
export let volume = 0;
|
|
|
|
let display = true;
|
2021-05-28 15:48:58 +02:00
|
|
|
</script>
|
|
|
|
|
2021-06-03 10:17:38 +02:00
|
|
|
<div class="sound-progress" class:active={display}>
|
2021-12-06 16:12:37 +01:00
|
|
|
<span class:active={volume > 5} />
|
|
|
|
<span class:active={volume > 10} />
|
|
|
|
<span class:active={volume > 15} />
|
|
|
|
<span class:active={volume > 40} />
|
|
|
|
<span class:active={volume > 70} />
|
2021-05-28 15:48:58 +02:00
|
|
|
</div>
|