Skip to content

Instantly share code, notes, and snippets.

@GoodNew5
Last active July 26, 2022 18:28
Show Gist options
  • Save GoodNew5/169dfc0c902f0333e7557ee759243353 to your computer and use it in GitHub Desktop.
Save GoodNew5/169dfc0c902f0333e7557ee759243353 to your computer and use it in GitHub Desktop.
<template>
<div
class="circle"
:style="`--progress-value: ${percent};`"
>
<div class="circle__progress" />
</div>
</template>
<script>
export default {
name: 'round-diagram',
props: {
percent: {
type: Number,
required: true
}
}
}
</script>
<style src="./style.scss" lang="scss" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment