emptyLinePosition

Animated

type	values	default
String	"center | out | in [offset]"	"center"

Descriptive string in form "mode [offset]" that defines how the empty line is aligned in relation to the empty circle fill area. Available modes are center, in and out. Additionally, with the out mode you can provide any offset Number value. In general, this prop makes it possible to mimic the SVG2 stroke-aligment, which is currently not supported in any browser.

Usage: 📜

<ve-progress empty-line-position="in 10" />
<ve-progress empty-line-position="out" />

Example

centerinout

Offset: 5

Empty thickness: 10

<ve-progress
  empty-line-position="center"
  :empty-thickness="10"
  :thickness="10"
  empty-color-fill="#596bff"
  empty-color="rgba(230, 233, 240, 1)"
  :progress="50"
 />

NormalLoadingDeterminateNo data