Skip to content

line

Animated
typevaluesdefault
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>

Released under the MIT License.