<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div { color: red; }
progress:indeterminate + #test { color: green; }
</style>
<script>
window.onload = function() {
    if (window.testRunner)
        testRunner.dumpAsText();

    var testDiv = document.getElementById("test");
    if (getComputedStyle(testDiv, null).getPropertyValue("color") == "rgb(0, 128, 0)")
        document.getElementById("testresult").innerHTML = "Pass";
    else
        document.getElementById("testresult").innerHTML = "Fail";
}
</script>
</head>
<body>
<p>The test passes if the Filler Text below is green.</p>
<progress></progress>
<div id="test">Filler Text</div>
<div id="testresult" style="color: blue">Running</div>
</body>
</html>