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

<style>
progress#progress {
   -webkit-appearance: none;
}
</style>

<div id="container">
    <div class="progress-like"><progress id="progress" class="progress-inner-element-like" min="0" max="100" value="50"></progress><span>(after)</span></div>
</div>

</body>
</html>