Screen #19 of 60 Batch 4 mobile • 390x844px

Mobile Active In-Progress Conversion with Worker Progress Bar

Specification & Codex Reference Prompt (Click to expand) (Mobile active conversion screen with circular animated progress ring and live worker statistics.)

Screen Role: Mobile active conversion screen with circular animated progress ring and live worker statistics.

Design Intent: A mobile app UI mockup of active file conversion at 390x844 resolution (iPhone 15 Pro) in bright Light Mode. Pure white background (#FFFFFF). Center stage: Large, elegant circular progress ring (indigo to emerald gradient) displaying "68%" in bold dark slate typography (#0F172A). Below the ring: "Converting IMG_4920.HEIC to JPG...". Subtext: "Rust WASM Worker active • 12ms elapsed". File info card in soft slate (#F8FAFC) with 1px border: "Input: 4.8 MB -> Output: ~1.2 MB (-75%)". Bottom cancel button: "Cancel Conversion" in subtle gray outline. Clean mobile layout, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/m/converting/ Template: file_converter/screens/screen_19.html

Live Django Implementation (mobile)

Isolate →

Processing Local File

68% WASM

Converting IMG_4920.HEIC to JPG...

Rust WASM Worker active • 12ms elapsed

Input File: 4.8 MB (HEIC)

Estimated Output: ~1.2 MB (-75%)

Privacy Mode In-Browser Memory Only

Simulate Complete →

Original Codex Reference Mockup Full PNG