#content_progress {
    /* Positioning */
    position: fixed;
    left: 0;
    top: 2px;
    z-index: 1000;
    width: 100%;
    height: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #ffffff29;
    color: #6fff62;
    /* mix-blend-mode: difference; */
    backdrop-filter: blur(5px);
}

#content_progress::-webkit-progress-bar {
    background-color: transparent;
}

#content_progress::-webkit-progress-value {
    background-color: #4EF63F;
    mix-blend-mode: difference;
}

#content_progress::-moz-progress-bar {
    background-color: #4EF63F;
}