{"id":16260,"date":"2025-03-24T07:26:29","date_gmt":"2025-03-24T07:26:29","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=16260"},"modified":"2026-11-13T14:14:16","modified_gmt":"2026-11-13T14:14:16","password":"","slug":"barre-de-progression-pour-lelement-pro","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/progress-bar-pro-element\/","title":{"rendered":"\u00c9l\u00e9ment Progress Bar dans WP Table Builder (Pro)"},"content":{"rendered":"
\n

R\u00e9ponse rapide<\/p>\n\n\n\n

L\u2019\u00e9l\u00e9ment Progress Bar affiche une valeur sous forme de barre horizontale, par exemple 70 % d\u2019autonomie ou une note de 9\/10. Glissez Barre de progression<\/strong> dans une cellule, r\u00e9glez Value<\/strong>, Thickness<\/strong> et Primary Color<\/strong> (partie remplie) et Secondary Color<\/strong> (fond de la barre). C\u2019est un \u00e9l\u00e9ment de WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n

Les barres de progression rendent les chiffres faciles \u00e0 comparer visuellement d\u2019une colonne \u00e0 l\u2019autre.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Pr\u00e9requis<\/h2>\n\n\n\n
\u00c9l\u00e9ment<\/th>D\u00e9tails<\/th><\/tr><\/thead>
Offre<\/strong><\/td>WP Table Builder Pro<\/a><\/td><\/tr>
O\u00f9<\/strong><\/td>\u00c9l\u00e9ments<\/strong> (onglet) du constructeur, Pro<\/strong> (groupe)<\/td><\/tr>
Temps n\u00e9cessaire<\/strong><\/td>Environ 1 minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Comment ajouter l\u2019\u00e9l\u00e9ment Progress Bar<\/h2>\n\n\n\n
    \n
  1. Ouvrez le tableau dans le constructeur et cliquez sur \u00c9l\u00e9ments<\/strong> .<\/li>\n\n\n\n
  2. Glissez Barre de progression<\/strong> dans une cellule, ou tapez progress bar<\/code> dans Search elements<\/strong> au pr\u00e9alable.<\/li>\n\n\n\n
  3. Cliquez sur l\u2019\u00e9l\u00e9ment pour ouvrir ses r\u00e9glages dans le panneau de gauche.<\/li>\n\n\n\n
  4. Cliquez sur Save<\/strong> quand vous avez termin\u00e9.<\/li>\n<\/ol>\n\n\n\n
    \"Tableau<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    R\u00e9glages de Progress Bar<\/h2>\n\n\n\n
    R\u00e9glage<\/th>Ce qu\u2019il fait<\/th><\/tr><\/thead>
    Value<\/strong><\/td>Le pourcentage rempli<\/td><\/tr>
    Thickness<\/strong><\/td>Hauteur de la barre en px<\/td><\/tr>
    Color: Primary Color<\/strong><\/td>La partie remplie<\/td><\/tr>
    Color: Secondary Color<\/strong><\/td>Le fond vide<\/td><\/tr>
    Padding \/ Margin<\/strong><\/td>Spacing<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Questions fr\u00e9quentes<\/h2>\n\n\n
    \n
    \n\t\t\t
    \n\t\t\t

    Comment ajouter une barre de progression \u00e0 un tableau ?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Ajoutez l\u2019\u00e9l\u00e9ment Progress Bar (Pro) et r\u00e9glez sa Value.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    Puis-je afficher un libell\u00e9 au-dessus de la barre ?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Ajoutez un \u00e9l\u00e9ment Text au-dessus dans la m\u00eame cellule, par exemple \u00ab 14 heures \u00bb.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

    <\/div><\/div><\/div>\n\n\n

    Documents associ\u00e9s<\/h2>\n\n\n\n