This is a parody of leetcode.com for designers. It's being developed live on Twitch.tv/zedashaw to demonstrate how to make a parody of a website.
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.
pixelperfectionist/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>