There are 4 simple steps to create a custom progress bar panel:
- Create a panel control which will be used as custom progress bar panel.
- Create a label control inside panel control. This label control will be used as custom progress text label.
- Use the ProgressCtrlID property to specify the ID of panel control.
- Use the ProgressTextID property to specify the ID of progress text label.
Example:
- //Step 1: Register Uploader component to your page
- <?php require_once "phpuploader/include_phpuploader.php" ?>
- <html>
- <body>
- <form id="form1" method="POST">
- <?php
- //Step 2: Create Uploader object.
- $uploader=new PhpUploader();
- //Step 3: Set a unique name to Uploader
- $uploader->Name="myuploader";
- //Step 4: Specify the ID of the control that will be used as progress bar panel.
- $uploader->ProgressCtrlID="uploaderprogresspanel";
- //Step 4: Specify the ID of the control that will be used as progress text label.
- $uploader->ProgressTextID="uploaderprogresstext";
- //Step 5: Render Uploader
- $uploader->Render();
- ?>
- <div id="uploaderprogresspanel" style='display:none;background-color:orange;border:dashed 2px gray;padding:4px;' BorderColor="Orange" BorderStyle="dashed">
- <span id="uploaderprogresstext" style='color:firebrick'></span>
- </div>
- </form>
- </body>
- </html>