L'éditeur est en anglais pour le moment. Sans carte bancaire.
Essayez l'éditeur, sans inscription
Choisissez un modèle, personnalisez-le et voyez le résultat se mettre à jour en direct, sans inscription. L'éditeur est en anglais pour le moment.
Sans carte bancaire · Offre gratuite à vie
Sans carte bancaire · Offre gratuite à vie
Le widget Barres de progression de Common Ninja est un outil de barres de progression animées, gratuit et sans code, pour tout site web.
Créez des thermomètres de collecte de fonds, des suivis de projet, des jauges d'objectifs, des barres de compétences, des affichages de progression de l'année et des widgets de progression intégrés à Notion.
Ajoutez plusieurs barres dans un seul widget, choisissez parmi plusieurs mises en page et thèmes, personnalisez l'animation de remplissage, puis collez une ligne de code d'intégration sur plus de 200 plateformes, dont Notion, Webflow, Canva, Squarespace et WordPress.
Montrez à quel point une campagne est proche de son objectif avec une barre de progression en direct, lisible d'un coup d'œil. Collectes caritatives, collectes scolaires, campagnes de type GoFundMe et pages de financement participatif convertissent mieux quand les visiteurs voient l'objectif, le total actuel et l'écart entre les deux dans un seul visuel.
Publiez une feuille de route publique avec une barre par chantier, partagez l'état d'un projet sur un portail client ou affichez l'avancement d'un sprint sur un tableau de bord interne. Avec plusieurs barres dans un seul widget, tout un programme tient dans un seul bloc au lieu d'un écran rempli de widgets séparés.
Designers, développeurs et freelances utilisent des barres de compétences sur leur portfolio pour montrer d'un coup d'œil leur maîtrise des outils et des langages. Une rangée de barres avec libellés vaut mieux qu'un paragraphe d'autoportrait pour un visiteur qui parcourt la section principale avant de décider s'il continue à faire défiler.
Les utilisateurs de Notion intègrent des barres de progression à leurs tableaux de bord pour voir d'un coup d'œil la part écoulée de l'année, du trimestre ou du sprint. Placez le widget dans une page Notion, et les visiteurs voient exactement où en est l'équipe dans la période, sans faire le calcul de tête.
Commencez par une seule barre (un objectif de collecte de fonds, un pourcentage d'avancement de projet) ou ajoutez plusieurs barres dans un seul widget pour afficher plusieurs indicateurs côte à côte. Chaque barre a son propre libellé, sa valeur actuelle et son objectif.
Choisissez parmi plusieurs mises en page et une bibliothèque de thèmes dans l'éditeur. Passez des barres horizontales aux barres empilées ou groupées, selon que vous voulez mettre en avant un seul indicateur ou en comparer plusieurs. Choisissez le thème le plus proche de votre marque et personnalisez-le à partir de là.
Réglez les couleurs, les polices, les espacements, l'animation de remplissage et, si vous le souhaitez, le CSS personnalisé. Copiez le code d'intégration et collez-le à l'endroit où les barres doivent s'afficher. Une fois le widget intégré, chaque modification faite dans le tableau de bord apparaît automatiquement au chargement suivant de la page.
Ajoutez autant de barres de progression que la page en a besoin dans un seul bloc de widget. Suivez un projet avec une barre par chantier, une feuille de route avec une barre par trimestre ou une section de compétences avec une barre par outil. Un seul code d'intégration, un seul endroit à mettre à jour, et tout l'ensemble se met à jour d'un coup.
Les barres se remplissent avec une animation douce dès qu'elles apparaissent à l'écran. Le mouvement attire l'attention sans être envahissant, et les visiteurs qui font défiler la page machinalement remarquent la barre qui bouge et s'arrêtent pour lire le libellé.
Choisissez des barres horizontales, empilées ou groupées dans le sélecteur de mise en page. Changez de thème en un clic pour un autre look, sans ressaisir vos données. Les mêmes valeurs s'appliquent à la combinaison que vous choisissez.
Définissez les couleurs barre par barre, choisissez parmi des polices web, réglez les espacements et, pour les cas avancés, écrivez du CSS personnalisé si vous le souhaitez. Accordez tout le widget à la palette de votre marque sans quitter l'éditeur.
Le widget de barres de progression animées propose plusieurs mises en page, parmi lesquelles choisir celle qui s'accorde au design et au style de votre site.
Le widget Barres de progression est livré avec une variété de beaux thèmes parmi lesquels choisir, pour ne pas passer beaucoup de temps à le personnaliser en profondeur.
Le widget de barres de progression horizontales offre de nombreuses options de personnalisation pour adapter le design à vos besoins. Changez les couleurs, les polices, les espacements et tout le reste !
Le widget Barres de progression est entièrement responsive et s'affiche parfaitement sur tous les appareils. Dans un monde où le mobile passe en premier, cette fonctionnalité vous donne une longueur d'avance sur vos concurrents.
Comme pour tous les widgets Common Ninja, vous pouvez ajouter du CSS personnalisé pour adapter le widget de barres de progression animées et laisser libre cours à votre créativité.
Intégrez facilement le widget à votre site en copiant une seule ligne de code. Le widget Barres de progression se met aussi à jour automatiquement à chaque modification.
Le widget Barres de progression vous permet d'ajouter plusieurs barres pour montrer l'avancement de différents projets et d'autres sujets pertinents.
Le widget de barres de progression horizontales propose une douce animation de « remplissage », qui montre l'avancement de façon plus vivante et plus attrayante visuellement.
Le widget de barres de progression horizontales est simple à utiliser et ne demande aucune compétence en programmation. Notre tableau de bord intuitif avec glisser-déposer vous permet de personnaliser le widget comme vous le souhaitez, en quelques clics.
Prêt à publier votre barre de progression ?
Ouvrir l'éditeurSans carte bancaire · Configuration en moins de 5 minutes
Common Ninja propose d'excellents widgets sans code qui embellissent un site, quel que soit le créateur de site utilisé. C'est très facile à utiliser et à personnaliser. Il y a des widgets pour presque tous ceux qui veulent rendre leur site impressionnant.
Traduit de l'anglais
Un service remarquable. J'utilise leurs widgets pour mon activité de conception web, et chaque fois que j'ai besoin d'aide, ils réagissent très vite.
Traduit de l'anglais
Excellente entreprise avec un excellent service !!! Nous l'avons utilisé pour créer un sondage, c'était très simple à utiliser. Le service était parfait.
Traduit de l'anglais
Common Ninja nous a sauvé la mise lors de la création de notre site, et le service client assuré par Daniel, cofondateur et PDG, a été formidable.
Traduit de l'anglais
Oui. L'offre gratuite comprend un widget Barres de progression, sans limite de durée, sans carte bancaire et sans période d'essai. Avec l'offre gratuite, ajoutez autant de barres que la page en a besoin dans un seul widget. Passez à une offre payante seulement si vous avez besoin de widgets supplémentaires, de thèmes premium ou d'un nombre de vues mensuelles plus élevé.
Oui. Définissez un objectif et le montant actuellement collecté, et la barre se remplit jusqu'au pourcentage correspondant avec une animation fluide. Mettez à jour la valeur actuelle dans le tableau de bord à chaque nouveau don ; la barre affiche le nouveau total dès le prochain chargement de la page par un visiteur. Idéal pour les collectes caritatives, les collectes scolaires, les campagnes de financement participatif et le suivi des objectifs d'une équipe ou d'une communauté.
Oui. Fixez l'objectif de la barre à 100 et la valeur actuelle au pourcentage écoulé de la période (ou indiquez directement des jours, des semaines ou des heures, selon ce qui convient). Les tableaux de bord Notion utilisent souvent ce principe pour montrer d'un coup d'œil la part écoulée de l'année ; la même configuration fonctionne pour un trimestre, un sprint ou une campagne.
Une barre de progression qui affiche une valeur (le total d'une collecte, le pourcentage d'avancement d'un projet, un niveau de compétence). Ce n'est ni un indicateur de chargement de page ni un indicateur de progression d'envoi de fichier : ceux-ci demandent un script front-end sur mesure, lié à l'état de votre page ou de l'envoi, pas un widget intégré. Si vous voulez visualiser une valeur enregistrée, c'est le bon widget.
Oui. Ajoutez autant de barres que la page en a besoin dans un seul bloc de widget. Chaque barre a son propre libellé, sa valeur actuelle et son objectif. Un seul code d'intégration, un seul endroit à mettre à jour, et tout l'ensemble s'anime d'un coup quand les visiteurs font apparaître la section à l'écran.
Oui. Le widget est livré avec une animation de remplissage douce par défaut ; l'éditeur vous permet de l'activer ou de la désactiver et de régler son comportement. Associez l'animation à un déclenchement à l'affichage pour que les barres se remplissent quand les visiteurs voient la section pour la première fois, au lieu de rejouer à chaque défilement.
Copiez le lien d'intégration Common Ninja depuis le tableau de bord. Dans Notion, collez le lien sur la page où vous voulez la barre et choisissez Create Embed dans le menu qui apparaît. Redimensionnez le bloc d'intégration à la hauteur dont la barre a besoin. La barre de progression fonctionne directement dans la page Notion (y compris sur une page partagée publiquement) et respecte tous les réglages de mise en page et d'animation que vous avez configurés.
Dans le Designer Webflow, faites glisser un élément Embed sur la page où vous voulez la barre. Collez le code d'intégration Common Ninja dans le champ Embed code et cliquez sur Save. Publiez le site. La barre s'affiche dans la page et s'actualise automatiquement quand vous la modifiez dans le tableau de bord Common Ninja.
Plus de 200 plateformes, dont Notion, Webflow, Canva, Squarespace, WordPress, Wix, Shopify, Carrd, Framer, Tilda, Google Sites, Elementor, Divi, Bubble, Blogger, Ghost, Joomla et toute page HTML personnalisée qui accepte un code d'intégration.
Choisissez votre plateforme. Chacune prend moins de 4 minutes.
Présentez statistiques, indicateurs ou comptes à rebours dans un affichage animé et visuellement attrayant
Affiche un compte à rebours jusqu'à une date ou un événement précis
Visualisez des données et des informations avec différents types de graphiques, notamment en barres, en secteurs et en courbes.
Affiche des données ou des fonctionnalités côte à côte, pour comparer facilement les informations.
Montrez des événements ou des moments importants dans l'ordre où ils se sont produits, avec images et texte.
Présentez les témoignages de vos clients dans un slider rotatif.
Oui, quatre mises en page sont disponibles pour les barres de progression : choisissez celle qui répond le mieux aux besoins de votre site.
Oui, c'est facile depuis l'onglet « Look & Feel ».
Le widget Barres de progression est très simple à utiliser. Inscrivez-vous et commencez avec la version gratuite. Pas besoin de vous soucier d'une installation ou d'une configuration compliquée, car le widget est conçu pour être simple et convivial. Une fois inscrit, vous avez accès à toutes les fonctionnalités de base du widget, que vous pouvez utiliser pour enrichir votre site et améliorer votre présence en ligne. Ensuite, vous pouvez passer à la version payante si vous souhaitez accéder à des fonctionnalités plus avancées. Quelle que soit la version choisie, le widget est un outil puissant et facile à utiliser qui peut faire passer votre présence en ligne au niveau supérieur.
Le widget Barres de progression de Common Ninja est un outil gratuit riche en fonctionnalités et en options. Ce widget est gratuit, mais il comporte une limite du nombre de vues qu'il peut gérer. Cela signifie qu'au-delà d'un certain nombre de vues, le widget peut ne plus être visible ou fonctionnel sur votre site. Notez que cette limite de vues peut varier selon votre offre. Malgré cette limite, le widget Barres de progression de Common Ninja reste un outil précieux pour les entreprises qui veulent renforcer l'engagement de leurs clients et améliorer l'expérience utilisateur globale de leur site.
Le widget Barres de progression de Common Ninja est un outil polyvalent, compatible avec tous les créateurs de sites. Vous pouvez donc facilement ajouter ce widget à votre site ou à votre boutique, quelle que soit la plateforme utilisée pour créer votre site. Le widget Barres de progression fonctionne parfaitement avec votre plateforme, que vous utilisiez un créateur de site populaire ou une solution plus spécialisée. Vous profitez ainsi de tous les avantages de cet outil puissant sans vous soucier des problèmes de compatibilité.
Oui. Le widget Barres de progression peut être utilisé de manière conforme au RGPD. La collecte d'informations sur les visiteurs est toujours facultative (opt-in) : elle reste désactivée tant que vous ne l'activez pas dans les paramètres du widget, et vous décidez de ce qui est collecté. En tant que propriétaire du site, vous restez responsable de l'usage que vous faites des données de vos visiteurs.
Aucune compétence en programmation n'est nécessaire. Notre widget Barres de progression est conçu pour être simple à utiliser, même avec peu d'expérience technique. Le widget dispose d'une interface conviviale qui vous permet de le personnaliser facilement sans connaissances en code. Vous pouvez adapter entièrement les barres de progression à votre image de marque. Une fois terminé, copiez simplement le code fourni et collez-le sur votre site. C'est aussi simple que ça !
Avec plaisir. Nous sommes impatients de connaître votre suggestion. Rendez-vous sur notre page de suggestions de fonctionnalités (en anglais).
Un widget de barres de progression est un outil qui affiche l'avancement d'une tâche ou d'un processus sous la forme d'une barre visuelle. La barre part généralement vide et se remplit progressivement à mesure que la tâche ou le processus avance, ce qui indique clairement et visuellement la part déjà accomplie.
Les barres de progression servent souvent à afficher l'avancement d'une tâche ou d'un projet, ou la progression vers un but ou un objectif. Elles aident à tenir les utilisateurs informés et engagés, et peuvent aussi procurer un sentiment d'accomplissement ou de motivation.
Les barres de progression se personnalisent de bien des façons, dont la longueur, la largeur et la couleur de la barre, ainsi que le texte et les éléments graphiques affichés à côté. Elles peuvent être statiques ou animées, et bouger ou changer à mesure que la tâche ou le processus avance.
Un widget de barres de progression peut être un outil utile et efficace pour informer les utilisateurs et leur faire un retour sur l'avancement des tâches ou des processus sur votre site.
Oui, un widget de barres de progression peut améliorer l'expérience utilisateur (UX) de votre site. Voici quelques façons dont les barres de progression peuvent l'améliorer :
Les barres de progression peuvent améliorer l'UX de votre site en offrant aux utilisateurs un retour visuel, une estimation du temps, de l'engagement et des objectifs à suivre.
Afficher des barres de progression sur votre site présente plusieurs avantages :
Intégrer le widget Barres de progression à votre site est très simple. Copiez le code fourni et collez-le à l'endroit voulu sur votre site. Le widget s'intègre parfaitement à votre site, et vous profitez de toutes ses fonctionnalités. Aucune expertise technique ni connaissance en programmation n'est requise : copiez et collez le code pour commencer. Ce processus simple vous permet d'ajouter facilement le widget à votre site et d'en enrichir les fonctionnalités, sans aucune difficulté.
Des barres de progression animées pour les thermomètres de collecte de fonds, les suivis de projet, les jauges d'objectifs, les barres de compétences et la progression de l'année. Fonctionne sur plus de 200 plateformes, dont Notion, Webflow, Canva, Squarespace et WordPress.
Créez votre barre de progressionSans carte bancaire · Configuration en moins de 5 minutes
