vue-ellipse-progress
Advanced tools
A Vue.js component to create beautiful animated circle progress bars
A dependency-free, simple, flexible and smooth Vue.js plugin to create beautiful circle progress bars, implemented with SVG. Follow these three steps to get started:
// install
npm i vue-ellipse-progress
// initialize
import veProgress from "vue-ellipse-progress";
createApp(App).use(veProgress);
// use
<ve-progress :progress="50"/>
[!TIP] Dive into the documentation to get more information about the installation, usage, and configuration of the plugin. Explore a wide range of interactive examples showcasing various styles, animations, and use cases.
Install via npm:
npm i vue-ellipse-progress@next
Import and initialize the component in your main.js. After initialization, the component is available as <ve-progress/>.
import { createApp } from "vue";
import veProgress from "vue-ellipse-progress";
createApp(App).use(veProgress);
You also have the option to import the component directly:
import { VeProgress } from "vue-ellipse-progress";
To use the component without a build tool you can customize and get the veprogress.umd.min.js file from JSDelivr.
Just add the following line to your HTML and initialize the component as plugin:
<script src="https://cdn.jsdelivr.net/npm/vue-ellipse-progress/dist/veprogress.umd.min.js"></script>
...
createApp(App).use(veprogress);
The development always happens in dev branch. You'll find all the latest updates there.
dev will only be merged into the master when all unit tests have been passed, builds are successful,
documentation is updated, and functionality is verified on the documentation .
Before all that, changes remain in beta.
The project was initialized with Vue CLI. Execute the following commands to start development locally:
npm i
npm run serve
3 October 2024
#245#240#205#155#153#154bce276ebb2ecb54c51b259b0c5f3a73c9864d3e8a1ab8394d26b829651c39bfec64d1ec462da0d28aaf42432f7207e7c3bdec583d0a0f20567ca9014b7a5e6169df7b411837ffbd993fcc5f29cf69a3c98df0624d14310cFAQs
A Vue.js component to create beautiful animated circle progress bars
The npm package vue-ellipse-progress receives a total of 5,606 weekly downloads. As such, vue-ellipse-progress popularity was classified as popular.
We found that vue-ellipse-progress demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.