You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
363 B
20 lines
363 B
2 years ago
|
<script>
|
||
|
|
export let percent = 20;
|
||
|
|
export let show_percent = true;
|
||
|
|
export let color="var(--value7)";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
progress-meter {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
progress-meter bar {
|
||
|
|
height: 10px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<progress-meter>
|
||
|
|
<bar style="width: { percent }%; background-color: { color };">{#if show_percent}{ percent }%{/if}</bar>
|
||
|
|
</progress-meter>
|