Plugin to manage the nginx upload progress module with Prototype
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Upload Progress for Prototype

For use with the Nginx upload progress module or the Apache upload progress module.


	<style type="text/css">
	#progress {
	    width: 300px;
	    background: #eee;
			border: 1px solid #222;
	#progressbar {
	width: 0px;
	height: 24px;
	background: #333;

	<script type="text/javascript">
	document.observe('dom:loaded', function() {

	<form action="/some_action" enctype="multipart/form-data" id="upload" method="post">
		<input id="myFile" name="myFile" type="file" />
		<input type="submit" value="Upload!" />
	<div id="progress" style="display: none;">
		<div id="progressbar">&nbsp;</div>

You can pass some options to the uploadProgess() call.
$('upload').uploadProgress({interval: 5});

Port by Edgar J. Suárez –
Modified by Nick Plante –
Based on the jQuery plugin: