<div>
If you're using query, I'd suggest this:<br />
<a href="http://www.uploadify.com/demo/" rel="ugc">http://www.uploadify.com/demo/</a>
</div>


If you're using query, I'd suggest this:
http://www.uploadify.com/demo/ [http://www.uploadify.com/demo/]

<div>
<div class="content wysiwyg-content">
I have a admin panel for a site that allow the owners to upload files (mostly church bulletins in pdf format). I am wondering how to track the upload progress of the file, so that a visual representation is there, to prevent them from trying to reload the page on large file uploads. Is this possible to achieve with jquery/javascript?
</div>
</div>


I have a admin panel for a site that allow the owners to upload files (mostly church bulletins in pdf format). I am wondering how to track the upload progress of the file, so that a visual representation is there, to prevent them from trying to reload the page on large file uploads. Is this possible to achieve with jquery/javascript?

javascript upload file progress bar

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.