From eb5e667e4dac566789a077aea0bf30c5301b1037 Mon Sep 17 00:00:00 2001
From: Stefan Pejcic <stefan@pejcic.rs>
Date: Wed, 21 Feb 2024 17:22:55 +0100
Subject: [PATCH] Update index.tsx

---
 documentation/src/pages/roadmap/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/documentation/src/pages/roadmap/index.tsx b/documentation/src/pages/roadmap/index.tsx
index 63c8bab0..5f1869e0 100644
--- a/documentation/src/pages/roadmap/index.tsx
+++ b/documentation/src/pages/roadmap/index.tsx
@@ -50,8 +50,13 @@ const Roadmap: React.FC = () => {
                             <li key={milestone.id}>
                                 <strong><a href={milestone.html_url} target="_blank" rel="noopener noreferrer">{milestone.title}</a></strong>
                                 <p>{milestone.description}</p>
-                                <p>Scheduled release: {formatDueDate(milestone.due_on)}</p>
+                                <p>Scheduled release: <strong>{formatDueDate(milestone.due_on)}</strong></p>
                                 <p>Progress: {calculateProgress(milestone)}%</p>
+                                
+                                {/* Progress bar */}
+                                <div style={{ width: '100%', height: '8px', backgroundColor: '#ddd', borderRadius: '4px', marginTop: '8px', overflow: 'hidden' }}>
+                                    <div style={{ height: '100%', backgroundColor: '#4caf50', width: `${calculateProgress(milestone)}%`, transition: 'width 0.3s ease-in-out' }}></div>
+                                </div>
                             </li>
                         ))}
                     </ul>