| <!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> |