diff --git a/webui/source/templates/home.tpl b/webui/source/templates/home.tpl
index 8e3b714..4856fe0 100644
--- a/webui/source/templates/home.tpl
+++ b/webui/source/templates/home.tpl
@@ -4,8 +4,26 @@
 
 {if $running_jobs}
         {foreach from=$running_jobs item=job}
-            <li><a href="{$base_uri}jobs/details/id/{$job->id()}" title="View job details">{$job->name()} ({$job->currentStatus()->ripProgress()}%)</a></li>
+            <li><a href="{$base_uri}jobs/details/id/{$job->id()}" title="View job details">{$job->name()}</a> <span class="progressBar" id="job_progress_{$job->id()}">{$job->currentStatus()->ripProgress()}%</span></li>
         {/foreach}
+        <script type="text/javascript">
+            $('.progressBar').each(
+                function() {
+                    $(this).progressBar({
+                        steps: 100,
+                        width: 120,
+                        height: 12,
+                        boxImage: '{$base_uri}images/jquery.progressbar/progressbar.gif',
+                        barImage: {
+                            0:  '{$base_uri}images/jquery.progressbar/progressbg_red.gif',
+                            25: '{$base_uri}images/jquery.progressbar/progressbg_orange.gif',
+                            50: '{$base_uri}images/jquery.progressbar/progressbg_yellow.gif',
+                            75: '{$base_uri}images/jquery.progressbar/progressbg_green.gif',
+                        }
+                    });
+                }
+            );
+        </script>
 {else}
     <em>There are no currently running jobs.</em>
 {/if}