Animated Circle Progress Bar

image
View Demo View Github

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
Bash

Development Server

Vue 3 + TypeScript + Nuxt 3 + TailwindCSS

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

# yarn
yarn dev

# npm
npm run dev
Bash