ASCII Progress Bar

Características

Ligero

Sin dependencias, solo ~2KB comprimido

Personalizable

Múltiples patrones incorporados y soporte para caracteres personalizados

Componente Web

Funciona con cualquier framework o JavaScript vanilla

TypeScript

Soporte completo de TypeScript con definiciones de tipos incluidas

Inicio Rápido

npm

# create a new project with npm
npm install @yacosta738/ascii-progress-bar

pnpm

# create a new project with pnpm
pnpm add @yacosta738/ascii-progress-bar

Yarn

# create a new project with yarn
yarn add @yacosta738/ascii-progress-bar

Ejemplo de Uso

<ascii-progress-bar progress="75" pattern="blocks"></ascii-progress-bar>

<script type="module">
  import { AsciiProgressBar } from '@yacosta738/ascii-progress-bar';
  // El componente se registrará automáticamente
</script>

Demostración en Vivo

Prueba diferentes patrones:

Year Progress

Default Pattern (75%)

Dots Pattern (60%)

Blocks Pattern (85%)

Minimal Pattern (45%)

Custom Pattern (45%)

Para más ejemplos y uso detallado, consulta la documentación.

¿Por qué ASCII Progress Bar?

Independiente del Framework

Construido como Componente Web, funciona en todas partes - React, Vue, Angular o HTML plano

Fácil de Estilizar

Múltiples patrones incorporados y soporte para caracteres personalizados

Accesible

Atributos ARIA para accesibilidad y navegación por teclado