<div id="Samaritan">
  <div id="MainWindow">
    <ol class="listTopLeft">
      <li>#SUB/VCW</li>
      <li>#SUB/VCW</li>
      <li>[FCR]</li>
      <li>[FCS]</li>
      <li>[INPUT_1]</li>
      <li>[INPUT_2]</li>
      <li>[INPUT_3]</li>
      <li>[INPUT_4]</li>
      <li>[INPUT_5]</li>
      <li>[INPUT_6]</li>
    </ol>
    <ol class="listBottomRight">
      <li>ETL__SOME 
        <span class="blockBorder">514</span>
        _________
      </li>
    </ol>
    <div class="LoadingWindow">
      <h4>Loading</h4>
      <span id="LoadingWindowInfo">
        Resources.com.archive
      </span>
      <span class="progressBarContainer">
        <span class="progressBar"></span>
      </span>
    </div>
  </div>
</div>
/*
    .LoadingWindow
*/
.LoadingWindow {
  position: inherit;
  
  left: 50%;
  width: 50%;
  top: 45%;
  transform: translateX(-50%);
  text-transform: uppercase;
}
.LoadingWindow H4 {
  color: #fff;
  background: #000;
  display: table-cell;
  padding-left: 5px;
  padding-right: 25px;
  font-weight: 100;
  letter-spacing: 2px;
}
#LoadingWindowInfo {
  display: block;
  padding: 5px;
  font-weight: 700;
  text-transform: uppercase;
}
/*
    progressBar
*/
.progressBarContainer {
  display: block;
  border: 1px solid black;
  height: 12px;
  padding: 2px;
  font-size: 10px;
  letter-spacing: -1px;
}
.progressBar {
  display: block;
  background: #000;
  width: 2%;
  height: 12px;
}
/*
    .MainWindow
*/
.blockBorder {
  margin: 5px;
  padding: 1px 15px;
  border: 2px solid black;
}
.listTopLeft {
  position: inherit;
  list-style-type: decimal;
  border: 2px solid #f00;
  left: 20px;
  top: 5px;
  opacity: 0.70;
}

.listBottomRight{
  list-style-type: none;
  position: inherit;
  bottom: 7%;
  right: 2%;
  opacity: 0.70;
}

#MainWindow {
  position: fixed;
  border-left: 2px solid black;
  border-right: 2px solid black;

  left: 50%;
  transform: translateX(-50%);
  
  width: 65%;
  height: 100%;
}
/*
    #Samaritan
*/
#Samaritan {
  position: absolute;
  
  width: 100%;
  height: 100%;
}
/*
    BODY
*/
BODY {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Helvetica;
  font-size: 12px;
  overflow: hidden;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.