You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.0 KiB
35 lines
1.0 KiB
<!-- =======================================================================
|
|
File: templates/components/progress_box.html
|
|
Purpose:
|
|
Dumb progress UI for a book card.
|
|
Initial values via Jinja, live updates via state_updater.js
|
|
======================================================================= -->
|
|
|
|
<div class="progress-box">
|
|
<!-- DOWNLOAD -->
|
|
<div class="progress-row">
|
|
<div class="progress-label">Download</div>
|
|
<div class="progressbar">
|
|
<div
|
|
class="progressbar-fill download"
|
|
data-field="download_pct"
|
|
style="width: 0%"
|
|
></div>
|
|
<div class="progressbar-text" data-field="download_text">0 / 0</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AUDIO -->
|
|
<div class="progress-row">
|
|
<div class="progress-label">Audio</div>
|
|
<div class="progressbar">
|
|
<div
|
|
class="progressbar-fill audio"
|
|
data-field="audio_pct"
|
|
style="width: 0%"
|
|
></div>
|
|
<div class="progressbar-text" data-field="audio_text">0 / 0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|