Aller au contenu
Forge

Anneaux de progression

Trois anneaux circulaires qui montrent l'avancement d'objectifs, avec le détail en dessous.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Les anneaux sont dessinés avec un dégradé conique, sans SVG ni JavaScript. Le pourcentage et le détail sont écrits en clair : l'anneau n'est qu'une illustration. Idéal pour les associations et les campagnes de collecte.

Code

Chargement du code…

Contenu de l'archive

stats-anneaux-progression-html-tailwind.zip3 fichiers · 3 Ko

  • index.html3 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 12 octobre 2026.

Dans le même esprit

  • Jauge d'objectif de financement

    Bientôt disponible

    Le montant collecté, une barre de progression vers l'objectif, le nombre de contributeurs et les jours restants.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Chiffres d'impact

    Bientôt disponible

    Quatre indicateurs d'impact accompagnés d'une icône et d'une phrase qui donne le contexte.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Histogramme mensuel

    Bientôt disponible

    Un histogramme de douze mois en CSS, avec le tableau de données accessible aux lecteurs d'écran.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Grands chiffres sur fond sombre

    Bientôt disponible

    Des chiffres géants en grille sur fond sombre, avec une phrase d'introduction à gauche.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant