Pure ASP.NET Upload - Make your own Progress Bars

Making your own Progress Bars

In this tutorial we will explain how to make your own progress bars and use them with Pure ASP.NET Upload.

How to do it

To make your own progress bar, you need to:

1. Build the progress file

   First you should make an html file that is to be shown as a progress bar. It is up to you what animations or visual progress you will put on it. You can use images, dhtml, flash - whatever you want.

2. Required javascript functions

In your html file you do need to have some very simple javascript functions. Those will be used by Pure ASP.NET Upload to read more info about your progress bar.

You will need the following three functions:

getProgressWindowSize

returns the size of the popup window where the progress bar is displayed. Enter a string with width and height.

Sample:

function getProgressWindowSize(){
return "300,100";
}

getProgressWindowTitle

returns the title of the progress bar. To be used in the Pure ASP.NET Upload choice list.

Sample:

function getProgressWindowTitle() {
return "Blue Flash Progress Bar";
}

getProgressWindowFiles

returns a comma separated list of all files needed for the upload to work. This includes the current html file.

Sample:

function getProgressWindowFiles() {
return "blueFlashProgress.htm,blue_progress.swf";
}

3. Save in the special folder

All files of your progress bar should be saved in the following folder:

\Dreamweaver UltraDev 4\Configuration\Shared\DMXzone\Pure ASP.NET Upload\Progress Bars\

4. Done

Your progress bar is ready now. When you open the Pure ASP.NET Upload dialog, you will see your progress bar in the drop down list with of available progress bars.