Building a progress indicator


show more Building a progress indicator provides you with in-depth training on Developer. Taught by Daniel Short as part of the ColdFusion 9 New Features show less
please wait ...

Building a progress indicator

I have used a number of third-party components and animated gifs in the past to create "progress bars" in my web applications. ColdFusion 9 adds a new cfprogressbar tag that let's you easily drop a progress bar on to your page and either manage it manually through JavaScript or bind it to the result of a CFC to give your users more information about exactly what's happening in your application. So, I'm in the Chapter8 folder, let's open up progress.cfm and here I just have a simple cfprogressbar tag.

I have given it a name, so I can reference it in my JavaScript and I have set a duration in milliseconds. So, this progress bar will take 10 seconds to go from start to finish. Now, I have created two JavaScript functions. The first is startProgress; the second is stopProgress. And all those do is call ColdFusion. ProgressBar.start and then I pass in the ID to my progress bar and .stop. So, let's a take a look at this in the browser. So, here you can see I have a gray...

Building a progress indicator
Video duration: 3m 37s 2h 40m Intermediate

Viewers:

Building a progress indicator provides you with in-depth training on Developer. Taught by Daniel Short as part of the ColdFusion 9 New Features

Subjects:
Developer Web
Software:
ColdFusion
Author:
please wait ...