<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="resources/replaced-element-styles.css">
    <script src="resources/polyfill.js"></script>
</head>
<body>

<div id="container">
    <progress id="host" min="0" max="100" value="50"></progress>
</div>

<script>
if (window.internals)
    internals.settings.setAuthorShadowDOMForAnyElementEnabled(true);

var shadowRoot = host.webkitCreateShadowRoot();
shadowRoot.innerHTML = "<span>no progress</span>"
</script>

</body>
</html>