</p>
 
 <h3>État de la trésorerie</h3>
-<div class="progress-bar-wrapper">
-    <div class="progress-bar" style="width: 33%;"></div>
+<div class="progress-bar-wrapper" data-total='[[!inline pagenames="data/budget-total" raw="yes"]]'>
+    <div class="progress-bar" style='width: [[!inline pagenames="data/pourcentage-budget" raw="yes"]];' data-current='[[!inline pagenames="data/budget-current" raw="yes"]]'></div>
 </div>
 <p>
 Un oignon correspond à 1 mois de fonctionnement.