#progressbar {
    position: fixed; /* forces the element to stay fixed in relation to the viewport */
    top: 50%; /* sets the top of the image 50% of the page height */
    left: 30%; /* sets the left side of the image 50% across the page */
    width: 40%;
}

#progressbarcontainer {
    position: fixed; /* forces the element to stay fixed in relation to the viewport */
    top: 0; /* sets the top of the image 50% of the page height */
    left: 0; /* sets the left side of the image 50% across the page */
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 0.54);
}