Single-DIV CSS progress bar

gistfile1.md

CSS:

        div {
            position: fixed;
            right: 0;
            background: #ff83c2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+M/Q/B8ABgYCgg7mTRwAAAAASUVORK5CYII=) no-repeat;
            padding: 1em;
            font: 2em monospace;
            color: white;
            border: 2px solid white;
            z-index: 100;
            opacity: 80%;
        }

Then to adjust actual progress:

div.style.backgroundSize = ((elapsed / total)*100) + "% 100%";