mirror of
https://github.com/Gioni06/terminal.css
synced 2025-03-10 01:29:06 -04:00
26 lines
645 B
HTML
26 lines
645 B
HTML
|
<section>
|
||
|
|
<header><h2 id="Progress">Progress Bar</h2></header>
|
||
|
|
<br />
|
||
|
|
<p>With only an arrow</p>
|
||
|
|
<div class="progress-bar">
|
||
|
|
<div class="progress-bar-filled" style="width: 40%"></div>
|
||
|
|
</div>
|
||
|
|
<p>With a percentage showing above the arrow</p>
|
||
|
|
<div class="progress-bar progress-bar-show-percent">
|
||
|
|
<div
|
||
|
|
class="progress-bar-filled"
|
||
|
|
style="width: 30%"
|
||
|
|
data-filled="Loading 30%"
|
||
|
|
></div>
|
||
|
|
</div>
|
||
|
|
<p>Without arrow</p>
|
||
|
|
<div class="progress-bar progress-bar-no-arrow">
|
||
|
|
<div
|
||
|
|
class="progress-bar-filled"
|
||
|
|
style="width: 60%"
|
||
|
|
data-filled="Loading 60%"
|
||
|
|
></div>
|
||
|
|
</div>
|
||
|
|
<br />
|
||
|
|
</section>
|