<!DOCTYPE html>
<html>
<head>
<style>
progress {
    -webkit-appearance: none;
}
</style>
</head>

<body>

<p>When progress became 'indeterminate' or not-'indeterminate', distribution should happen.</p>

<div id="host"><progress id="progress1"></progress><span>separator</span></div>
</body>
</html>