interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Add loader step

Browse source 
- Add loader element with progress display
- Add styles for loader, spinner and bar
- Move event listeners for hint to intro step
- Add loadCore function to simulate loader
- Keep alternative progress bar for document loading display
This commit is contained in:
sthag 2025-05-03 12:34:23 +02:00
parent 2c001aaa4e
commit 7255b009b9
3 changed files with 196 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

9
source/screens/demo/examples/ui/index.njk
View file

@ -22,6 +22,15 @@ tags:
{% endblock %}
{% block body %}
<div id="loader" class="op_show">
<div id="bar">
<div id="spinner"><span>I</span></div>
<div id="wrap">
<div id="progress"></div>
</div>
<div id="status">0%</div>
</div>
</div>
<div id="hint" class="toast di_none" role="alert" aria-live="assertive" aria-atomic="true">
<p>Hold <kbd>space</kbd> to skip.</p>
</div>