I have a javascript-based tagging system that works with mice and desktop interfaces (where you can double click to edit things, for exaple). I want to change that so that it works well for mobile interfaces - allowing you to push a finger down and drag, or slide tag rectangles around to make the mobile experience work easily without destroying the desktop interface.

The user should be able to lick on existing tag rectangles and edit or remove the tags. The user should also be able to create new tags by clicking their finger on the photo and dragging their finger to define a rectangle. The user should then be able to slide the rectangle around as well.

Additionally, I need to have a progress bar or display that shows the progress of a photo that is being uploaded and processed by my application. This needs to work on all major browsers as well as on the iPhone and on Android devices.