2011-05-06 14:00:30 +04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2018-09-07 02:01:39 +03:00
|
|
|
<link rel='stylesheet' href='resource://reftest/progress.css'>
|
2011-05-06 14:00:30 +04:00
|
|
|
<style>
|
|
|
|
|
div.progress-element { padding: 5px; }
|
2017-05-21 12:15:00 +03:00
|
|
|
body > div:nth-child(1) { -moz-appearance: none; }
|
|
|
|
|
body > div:nth-child(2) > .progress-bar { -moz-appearance: none; }
|
2011-05-06 14:00:30 +04:00
|
|
|
body > div:nth-child(3) { background-color: red; }
|
|
|
|
|
body > div:nth-child(4) > .progress-bar { background-color: red; }
|
|
|
|
|
body > div:nth-child(5) { border: 2px solid red; }
|
|
|
|
|
body > div:nth-child(6) > .progress-bar { border: 5px solid red; }
|
|
|
|
|
</style>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="progress-element">
|
|
|
|
|
<div class="progress-bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-element">
|
|
|
|
|
<div class="progress-bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-element">
|
|
|
|
|
<div class="progress-bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-element">
|
|
|
|
|
<div class="progress-bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-element">
|
|
|
|
|
<div class="progress-bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="progress-element">
|
|
|
|
|
<div class="progress-bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
