diff --git a/controllers/home.js b/controllers/home.js
index e8fe9e3..f3783d2 100644
--- a/controllers/home.js
+++ b/controllers/home.js
@@ -14,6 +14,7 @@ module.exports = function(app) {
 			'projects.name',
 			'projects.description',
 			'projects.goal_amount',
+			'projects.current_amount',
 			'project_addresses.token'
 		])
 		.from('projects')
diff --git a/models/Projects.js b/models/Projects.js
index c8e41b3..84d1c67 100644
--- a/models/Projects.js
+++ b/models/Projects.js
@@ -14,6 +14,7 @@ module.exports = BaseModel.extend({
 		table.string('name');
 		table.string('description');
 		table.decimal('goal_amount', 16, 8);
+		table.decimal('current_amount', 16, 8);
 	}
 
 });
diff --git a/public/css/style.css b/public/css/style.css
index 000f08e..a5ca944 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -29,3 +29,34 @@ a {
 .project .name {
   color: #1ABE7B;
 }
+
+
+/* HOME - progress-bar
+*/
+progress {
+  display: block;
+  font-weight: bold;
+  color: #fff;
+  height: 20px;
+  width: 300px;
+  -webkit-appearance: none;
+}
+
+progress::-webkit-progress-bar {
+  border-radius: 10px;
+  background-color: #bbb;
+}
+
+progress::-webkit-progress-value{
+  border-radius: 10px;
+  background-color: #1ABE7B;
+}
+
+
+
+progress::after {
+  content: "received "attr(value)'Ƀ from 'attr(max)'Ƀ';
+  position: relative;
+  left: 10px;
+  top: -20px;
+}
diff --git a/views/home.html b/views/home.html
index 3bc5425..228faaa 100644
--- a/views/home.html
+++ b/views/home.html
@@ -5,7 +5,12 @@ <h1>Bitstarter homepage</h1>
 		<section class='project'>
 			<h2 class='name'>{{name}}</h2>
 			<p class='description'>{{description}}</p>
-			<p class='amount'>{{goal_amount}} Ƀ</p>
+			<div class='amount'>
+				<progress
+						value="{{current_amount}}"
+						max="{{goal_amount}}">
+				</progress>
+			</div>
 			<p class='token'>{{token}}</p>
       {{#if ../user}}
 			<p>