Construisez votre barre de progression
Saisissez une valeur de 0 à 100, un libellé, des couleurs et une taille, puis téléchargez le PNG ou copiez l'URL dynamique.
La valeur bouge dans l'URL, toute la carte se redessine
Un pourcentage seul dit peu de chose : la carte autour doit nommer l'objectif, l'équipe concernée et la date de référence. Publiez cette carte depuis DynaPictures comme URL d'image, passez la valeur et les jours restants en paramètres nommés, et la barre, les libellés et vos couleurs sont dessinés à la demande.
Comment créer une image de barre de progression
Fixez la valeur
Saisissez un nombre de 0 à 100. Il devient la partie remplie de la barre et peut s'afficher en pourcentage à côté du libellé.
Stylisez-la
Choisissez les couleurs de remplissage, de fond et de texte en valeurs hex, saisissez un libellé comme Sprint 14 et fixez la largeur et la hauteur en pixels.
Téléchargez ou copiez l'URL
Enregistrez le PNG, ou copiez l'URL et modifiez-y value= et label= chaque fois que votre chiffre bouge.
Pourquoi utiliser ce générateur de barres de progression
Fonctionne dans Notion
Notion n'a pas d'image de barre de progression native ; collez l'URL en bloc image ou embed et mettez à jour la valeur dans le lien.
Slack, README et e-mail
Partout où une URL d'image se charge, y compris les messages Slack, les README GitHub et les e-mails HTML, la barre affiche la valeur actuelle.
Un seul paramètre à modifier
Remplacez ?value=40 par ?value=65 et la barre est redessinée ; aucun outil de retouche, aucun nouvel envoi.
Vos couleurs de marque
Remplissage, fond et texte sont des valeurs hex, la barre s'accorde donc avec votre tableau de bord ou votre newsletter.
Taille exacte
Fixez largeur et hauteur en pixels pour tenir dans une colonne Notion, une cellule de tableau ou un e-mail de 600 px.
Comment fonctionne la barre de progression dynamique
Votre barre reçoit un identifiant qui mémorise les couleurs, le libellé et la taille. Demander /tools/d/YOUR-ID.png?value=64 dessine la barre remplie à 64 pour cent et renvoie un PNG ; ajouter label=Objectif%20T3 remplace le libellé. La valeur est ramenée dans la plage de 0 à 100. Dans Notion, collez l'URL dans un bloc image ; dans Slack ou un README, utilisez l'URL directement. Les URL dynamiques sont plafonnées à 1 000 vues ou 30 jours, de façon identique pour chaque visiteur. Sur la plateforme DynaPictures, vous alimentez la valeur depuis un tableur, Zapier, Make ou l'API, ou concevez votre propre modèle de progression avec icônes et texte.
Limites gratuites
20 rendus par jour et par visiteur. Chaque URL dynamique sert jusqu'à 1 000 vues ou 30 jours, puis affiche une petite mention de mise à niveau.
Automatiser la valeur
La plateforme DynaPictures met la valeur à jour depuis Zapier, Make, un tableur importé ou l'API, avec un modèle qui vous appartient.
Paramètres
value= de 0 à 100, label= facultatif en texte encodé pour l'URL ; les couleurs et la taille sont figées à la création de la barre.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=64&label=Q3%20goal" alt="64%">Questions fréquentes
Créez la barre, copiez l'URL dynamique et collez-la dans un bloc image ou un embed Notion. Pour mettre à jour la progression, modifiez le nombre après value= dans le lien ; l'image est redessinée au chargement suivant.