<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="resources/replaced-element-styles.css">
    <script src="resources/polyfill.js"></script>
</head>
<body>
<style>
div#wrapper {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: 3em;
    vertical-align: 0;
}

progress#with-style {
    display: block;
    width: 15em;
    height: 3em;
}
</style>

<div id="container">
    <div id="wrapper" class="progress-like">
        <div style="margin-left: 100px;">
            <progress id="with-style" class="progress-inner-element-like" min="0" max="100" value="50"></progress><span>(after)</span>
        </div>
    </div>
</div>

</body>
</html>