Animated Circle Progress Bar

Live demo and example usage

Features

• Animatet progress bar
• Customizable animation duration and delay
• Customizable decimal precision
• Fully customizable progress bar layoyt
• Can be used with TailwindCSS classes

Install

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install

---

Development Server

Vue 3 + TypeScript + Nuxt 3 + TailwindCSS

Start the development server on http://localhost:3000

# yarn
yarn dev

# npm
npm run dev