line
Animatedtype | values | default |
---|---|---|
Number | "round | square | butt" | "round" |
Is a String value from round | square | butt
. Defines the progress circle line cap. Internally the CSS property stroke-linecap
is used.
Usage: 📜
vue
<ve-progress line="round" />
Example
vue
<template>
<ve-progress line="round" :thickness="15" :progress="50" />
<ve-progress line="square" :thickness="15" :progress="50" />
<ve-progress line="butt" :thickness="15" :progress="50" />
</template>
<script setup lang="ts"></script>