This is the code that runs https://bandolier.learnjsthehardway.com/ for you to review. It uses the https://git.learnjsthehardway.com/learn-javascript-the-hard-way/bandolier-template to create the documentation for the project.
https://bandolier.learnjsthehardway.com/
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>
|