diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..87b02f8241075f7c53d913f8dc6fefafb229f896 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.html
@@ -0,0 +1,11 @@
+<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
+  <mat-card>
+    <div class="evaluation" *ngFor="let opinion of feedback">
+      <mat-progress-bar [value]="opinion.count" color="primary">
+      </mat-progress-bar>
+    </div>
+    <div fxLayoutAlign="center">
+      <button mat-raised-button color="primary" fxLayoutAlign="center">Toggle voting</button>
+    </div>
+  </mat-card>
+</div>
diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..73bd44db61b594e81d79590d962614c28fe17941 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.scss
@@ -0,0 +1,14 @@
+mat-card {
+  max-width: 800px;
+  width: 100%;
+}
+
+mat-progress-bar {
+  height: 50px;
+  margin-bottom: 20px;
+}
+
+h2 {
+  margin-top: 10px;
+  margin-bottom: 25px;
+}
diff --git a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
index 43d3734f640e5e2f2ec84b01a6be2ff9738724e4..41d27a2e5ca36139d9e4741a548563858050bf9d 100644
--- a/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
+++ b/src/app/components/pages/feedback-barometer-page/feedback-barometer-page.component.ts
@@ -6,6 +6,12 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./feedback-barometer-page.component.scss']
 })
 export class FeedbackBarometerPageComponent implements OnInit {
+  feedback: any = [
+    { state: 'good', count: 0, },
+    { state: 'ok', count: 0, },
+    { state: 'not ok', count: 0, },
+    { state: 'bad', count: 0, },
+  ];
 
   constructor() { }