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.
bandolier-website/client/components/ProgressMeter.svelte

20 lines
363 B

<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>