vue-radial-progress
Advanced tools
A radial progress bar component for Vue.js.
$ npm install vue-radial-progress
<template>
<radial-progress-bar :diameter="200"
:completed-steps="completedSteps"
:total-steps="totalSteps">
<p>Total steps: {{ totalSteps }}</p>
<p>Completed steps: {{ completedSteps }}</p>
</radial-progress-bar>
</template>
<script>
import RadialProgressBar from 'vue-radial-progress';
export default {
data() {
return {
completedSteps: 0,
totalSteps: 10
}
},
components: {
RadialProgressBar
}
}
</script>
diameter
Diameter of the progress bar circle in pixels. Default: 200
totalSteps
Total number of steps.
completedSteps
Number of steps in the progress that have been completed.
startColor
Start color of the progress bar gradient. Default: #bbff42
stopColor
Stop color of the progress bar gradient. Default: #429321
innerStrokeColor
Color of the background of the progress bar. Default: #323232
strokeWidth
The width of the progress bar. Default: 10
animateSpeed
The amount of time in milliseconds to animate one step. Default: 1000
npm run lint
npm run dev
FAQs
A radial progress bar component for Vue.js
The npm package vue-radial-progress receives a total of 10,708 weekly downloads. As such, vue-radial-progress popularity was classified as popular.
We found that vue-radial-progress demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 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.
Product
Socket's Rubygems ecosystem support is moving from beta to GA, featuring enhanced security scanning to detect supply chain threats beyond traditional CVEs in your Ruby dependencies.
Research
The Socket Research Team investigates a malicious npm package that appears to be an Advcash integration but triggers a reverse shell during payment success, targeting servers handling transactions.
Security Fundamentals
The Socket Threat Research Team uncovers how threat actors weaponize shell techniques across npm, PyPI, and Go ecosystems to maintain persistence and exfiltrate data.