Site Notice
hello, world
Difference between revisions of "Progress"
From Project-EPB Commons
([InPageEdit] 没有编辑摘要) |
m ([InPageEdit] 没有编辑摘要) |
||
| (39 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <progress | + | <button onclick="$('.ipe-progress').toggleClass('done')">切换</button> |
| + | |||
| + | <div class="ipe-progress" style="width:100%;"> | ||
| + | <div class="progress-bar"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="ipe-progress" style="width:80%;"> | ||
| + | <div class="progress-bar"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="ipe-progress" style="width:60%;"> | ||
| + | <div class="progress-bar"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="ipe-progress" style="width:40%;"> | ||
| + | <div class="progress-bar"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="ipe-progress" style="width:200px;"> | ||
| + | <div class="progress-bar"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="ipe-progress" style="width:50px;"> | ||
| + | <div class="progress-bar"></div> | ||
| + | </div> | ||
| + | |||
| + | <script> | ||
| + | |||
| + | </script> | ||
| + | <style> | ||
| + | |||
| + | </style> | ||
| + | |||
</html> | </html> | ||
Latest revision as of 11:12, 23 November 2019
<html> <button onclick="$('.ipe-progress').toggleClass('done')">切换</button>
<div class="ipe-progress" style="width:100%;">
<div class="progress-bar"></div>
</div>
<div class="ipe-progress" style="width:80%;">
<div class="progress-bar"></div>
</div>
<div class="ipe-progress" style="width:60%;">
<div class="progress-bar"></div>
</div>
<div class="ipe-progress" style="width:40%;">
<div class="progress-bar"></div>
</div>
<div class="ipe-progress" style="width:200px;">
<div class="progress-bar"></div>
</div>
<div class="ipe-progress" style="width:50px;">
<div class="progress-bar"></div>
</div>
<script>
</script> <style>
</style>
</html>
