start adding progress bar to nonprofit onboarding

public/css/main.less

@@ -880,6 +880,9 @@ iframe.iphone {
   background-color: #EEEEEE;
 }
 
+.gray-text {
+  color: gray;
+}
 //uncomment this to see the dimensions of all elements outlined in red
 //* {
 //  border-color: red;

views/nonprofits/ok-with-javascript.jade

@@ -3,7 +3,11 @@ block content
     .jumbotron.text-center
         h1.hug-top Nonprofit Sign Up
         .spacer
-        h2 Our campers are learning to code using modern full stack JavaScript technologies (MongoDB, Express, Angular, Node.js). We do not build or maintain Wordpress, Drupal, or other non-JavaScript based frameworks.
+        .progress
+            .progress-bar(role='progressbar', aria-valuenow='60', aria-valuemin='0', aria-valuemax='100', style='width: 60%;')
+                span.sr-only 60% Complete
+        h3.gray-text Step 4 of 9
+        h2 Our campers are learning to code using modern full stack JavaScript technologies like Node.js. We do not build or maintain Wordpress, Drupal, or other non-JavaScript based frameworks.
         .spacer
         .row
             .col-xs-6

views/nonprofits/your-nonprofit-project-application-has-been-submitted.jade

@@ -0,0 +1,4 @@
+.jumbotron.text-center
+    h1.hug-top Nonprofit Sign Up
+    .spacer
+    h2 Thank you for reaching out to us. We’ll get back with you before N of next week.