RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://setaman.github.io/vue-ellipse-progress-docs/guide/options/emptyLinePosition.html below:

Website Navigation

Guide

emptyLinePosition | vue-ellipse-progress

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: 📜 vue

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

Example Offset: 5 Empty thickness: 10 js

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4