From bcb633e5cbcbfdfdfe8c91170abfca7dbb003417 Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Tue, 30 Oct 2018 13:34:47 -0700
Subject: Making prettier

---
 packages/instant/src/components/progress_bar.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'packages/instant/src/components')

diff --git a/packages/instant/src/components/progress_bar.tsx b/packages/instant/src/components/progress_bar.tsx
index b89c56ed5..5b5968703 100644
--- a/packages/instant/src/components/progress_bar.tsx
+++ b/packages/instant/src/components/progress_bar.tsx
@@ -3,15 +3,19 @@ import * as React from 'react';
 import { ColorOption } from '../style/theme';
 
 import { Container } from './ui/container';
-import { Text } from './ui/text';
 
 export interface ProgressBarProps {
     percentageDone: number;
 }
 export const ProgressBar: React.StatelessComponent<ProgressBarProps> = props => (
-    <Container width="100%" backgroundColor={ColorOption.white}>
-        <Container width={`${props.percentageDone}%`} backgroundColor={ColorOption.black}>
-            <Text fontColor={ColorOption.white}>{props.percentageDone}%</Text>
+    <Container padding="20px 20px 0px 20px" width="100%">
+        <Container width="100%" backgroundColor={ColorOption.lightGrey} borderRadius="6px">
+            <Container
+                width={`${props.percentageDone}%`}
+                backgroundColor={ColorOption.primaryColor}
+                borderRadius="6px"
+                height="10px"
+            />
         </Container>
     </Container>
 );
-- 
cgit