Raincloud/2025-12-28-ytshorts-gigaproj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uploading bar

Browse Source
This commit is contained in:
Raincloud
2026-01-21 14:02:50 -07:00
parent 27acd0792f
commit fa3130682d
2 changed files with 178 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
.specstory/history/2026-01-21_20-35Z-justice-gov-blank-html-project.md
View File

@@ -582,3 +582,96 @@ put it to the right, actually
---
_**Agent (model default, mode Agent)**_
Moving the upload button to the right:
---
<tool-use data-tool-type="write" data-tool-name="edit_file_v2">
<details><summary>Tool use: **edit_file_v2** • Edit file: Assets/DOJ/index.html</summary>
</details>
</tool-use>
---
<tool-use data-tool-type="write" data-tool-name="edit_file_v2">
<details><summary>Tool use: **edit_file_v2** • Edit file: Assets/DOJ/index.html</summary>
</details>
</tool-use>
---
Moved the upload button to the right. It's now aligned to the right edge of the zip file container, positioned to the right of the zip file icon.
---
_**User**_
good. let's make it so when the user clicks upload, it displays an quick uploading bar.
---
_**Agent (model default, mode Agent)**_
Adding a progress bar that appears when the upload button is clicked.
---
<tool-use data-tool-type="read" data-tool-name="read_file_v2">
<details><summary>Tool use: **read_file_v2** • Read file: Assets/DOJ/index.html</summary>
</details>
</tool-use>
---
Adding CSS for the progress bar, then JavaScript to handle the upload click:
---
<tool-use data-tool-type="write" data-tool-name="edit_file_v2">
<details><summary>Tool use: **edit_file_v2** • Edit file: Assets/DOJ/index.html</summary>
</details>
</tool-use>
---
<tool-use data-tool-type="write" data-tool-name="edit_file_v2">
<details><summary>Tool use: **edit_file_v2** • Edit file: Assets/DOJ/index.html</summary>
</details>
</tool-use>
---
Added an upload progress bar that appears when the upload button is clicked. It:
1. **Disables the button** and changes the text to "UPLOADING..." while uploading
2. **Shows a progress bar** below the button, aligned to the right
3. **Animates progress** from 0% to 100% with random increments to simulate upload
4. **Resets** after completion, hiding the progress bar and restoring the button
The progress bar uses a blue gradient matching the upload button and displays the percentage as it fills. Click the upload button to see it in action.
---