﻿#progressBar {
    /* Positioning */
    position: fixed;
    left: 0;
    top: 0;
    /* Dimensions */
    width: 100%;
    height: .2em;
    /* Reset the apperance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Get rid of the default border in Firefox/Opera. */
    border: none;
    /* For Firefox/IE10+ */
    background-color: transparent;
    display: none;
    /* For IE10+, color of the progress bar */
    /*color: #009FC2;*/
}

progress::-webkit-progress-bar {
    /*background-color: #009FC2;*/
    background-color: transparent;
}

progress::-webkit-progress-value {
    /*background-color: #009FC2;*/
    background-color: transparent;
}

progress::-moz-progress-bar {
    /*background-color: #009FC2;*/
    background-color: transparent;
}

/*progress::-webkit-progress-bar {
        background-color: transparent;
    }

progress {
    -webkit-appearance: none;
    appearance: none;
}*/

progress::-webkit-progress-bar {
    background-color: rgb(0, 55, 69);
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

/*.flat::-webkit-progress-value {
    background-color: red;
}

.flat::-moz-progress-bar {
    background-color: red;
}

.single::-webkit-progress-value {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, transparent, red);
}

.single::-moz-progress-bar {
    background-color: transparent;
    background-image: -moz-linear-gradient(left, transparent, red);
}

.multiple::-webkit-progress-value {
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(left, green, red);
}

.multiple::-moz-progress-bar {
    background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(left, green, red);
}*/

.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block;
}

.progress-bar {
    background-color: red;
    width: 100%;
    display: block;
    height: inherit;
}
