2021-07-04 22:06:28 +03:00
|
|
|
<script>
|
|
|
|
|
export let value = 0;
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<div class="w-full h-3 rounded-md bg-gray-300 relative">
|
|
|
|
|
<span
|
|
|
|
|
class="progress absolute top-0 left-0 rounded-md bg-blue-700 h-full"
|
|
|
|
|
style="width: {value}%;"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.progress {
|
2021-08-18 19:47:02 +03:00
|
|
|
transition: width 1s linear;
|
2021-07-04 22:06:28 +03:00
|
|
|
}
|
|
|
|
|
</style>
|
