[PR #4702] [MERGED] feat: Added progress indicator to upload #4320

Closed
opened 2026-04-25 00:19:16 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/4702
Author: @Vito0912
Created: 9/27/2025
Status: Merged
Merged: 11/25/2025
Merged by: @advplyr

Base: masterHead: feat/uploadProgress


📝 Commits (2)

  • 9ce6de3 Added progress to upload
  • 4224f44 Remove duplicate (and also wrong byte conversion)

📊 Changes

3 files changed (+76 additions, -5 deletions)

View changed files

📝 client/components/cards/ItemUploadCard.vue (+47 -2)
📝 client/components/ui/LoadingIndicator.vue (+7 -2)
📝 client/pages/upload/index.vue (+22 -1)

📄 Description

Brief summary

This PR adds a progress (in percentage and as bytes) when uploading items. It should work with single, multiple and multi-file items

Which issue is fixed?

Fixes #895

In-depth Description

Axios has to option to "watch" for progress. On each update I update the text on the currently uploading item. When the item changes, the progress gets reset.
I am not sure if this will be a feature in the React-Client, but it would be a nice addon.
Thanks @JL710 for bringing this up :)

How have you tested this?

Uploading single, multiple items and multi-file items

Screenshots

grafik

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/4702 **Author:** [@Vito0912](https://github.com/Vito0912) **Created:** 9/27/2025 **Status:** ✅ Merged **Merged:** 11/25/2025 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `feat/uploadProgress` --- ### 📝 Commits (2) - [`9ce6de3`](https://github.com/advplyr/audiobookshelf/commit/9ce6de3100bb2e0db1354f08c00c45085bcbb9d0) Added progress to upload - [`4224f44`](https://github.com/advplyr/audiobookshelf/commit/4224f44259da03000a924c3ed382fa358909ecb1) Remove duplicate (and also wrong byte conversion) ### 📊 Changes **3 files changed** (+76 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `client/components/cards/ItemUploadCard.vue` (+47 -2) 📝 `client/components/ui/LoadingIndicator.vue` (+7 -2) 📝 `client/pages/upload/index.vue` (+22 -1) </details> ### 📄 Description <!-- For Work In Progress Pull Requests, please use the Draft PR feature, see https://github.blog/2019-02-14-introducing-draft-pull-requests/ for further details. If you do not follow this template, the PR may be closed without review. Please ensure all checks pass. If you are a new contributor, the workflows will need to be manually approved before they run. --> ## Brief summary This PR adds a progress (in percentage and as bytes) when uploading items. It should work with single, multiple and multi-file items ## Which issue is fixed? Fixes #895 ## In-depth Description Axios has to option to "watch" for progress. On each update I update the text on the currently uploading item. When the item changes, the progress gets reset. I am not sure if this will be a feature in the React-Client, but it would be a nice addon. Thanks @JL710 for bringing this up :) ## How have you tested this? Uploading single, multiple items and multi-file items ## Screenshots <img width="1210" height="306" alt="grafik" src="https://github.com/user-attachments/assets/03abf125-1612-42c7-aa94-fbf7591c5740" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:19:16 +02:00
adam closed this issue 2026-04-25 00:19:16 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#4320