select

Upload / Customizing Progress Area UI

Rate this demo:
Feedback
Run example in: C# VB.NET Change Skin:
Vista
  • BlackBlack
  • DefaultDefault
  • ForestForest
  • HayHay
  • Office2007Office2007
  • OutlookOutlook
  • SimpleSimple
  • SitefinitySitefinity
  • SunsetSunset
  • TelerikTelerik
  • VistaVista
  • Web20Web20
  • WebBlueWebBlue
  • Windows7Windows7
Because of the specifics of the Internet forms, chosen files will be uploaded on each postback (e.g. each press of a button)

The largest allowed combined file size for upload in this example is 100MB. This is specified by the maxRequestLength="102400" set in Web.config file. If you attempt to upload files with total size greater that 100MB you will get "Page Not Found" error. For more information about uploading large files visit the help article Uploading Large Files
Available actions
To see the progress area, please upload a large file.
  • Uploaded % ( ) Total
  • Uploaded files: % () Total files:
  • Uploading file:
  • Elapsed time:  Estimated time:  Speed:
No uploaded files yet

Example Source Code & Description

Instructions
Open in new window

  • Customizing Progress Area Appearance

    RadUpload contains two controls - RadUpload and RadProgressArea. RadProgressArea is the control, which manages the progress area, displayed when uploading files. Only one instance of RadProgressArea is allowed on the page

    RadProgressArea contains several properties which can be customized through the Telerik.Web.UI.Upload.ProgressIndicators property:

    • TotalProgressBar - when set to true, the progress area contains a progress bar for the total request size
    • TotalProgress - when set to true, the progress area contains information about the total request size, ## of ## bytes (##%) complete
    • CurrentFileName - when set to true, the progress area displays information about the current file being uploaded
    • FilesCountBar - when set to true, the progress area contains a progress bar for the number of uploaded files out of the total number
    • FilesCountPercent - when set to true, the progress area contains textual data about the number of files complete,  ## of ## files (##%) complete
    • TimeElapsed - when set to true, displays information about the elapsed time
    • TimeEstimated - when set to true, displays information about the estimated time

Compatible with ASP.NET 2.0, 3.5 AJAX enabled Accessibility Verified!Valid XHTML 1.1! Optimized for Visual Studio 2005, 2008
Copyright 2002-2010 © Telerik. All right reserved  | 
Telerik Inc., 460 Totten Pond Rd, Suite 640, Waltham, MA 02451

www.telerik.com  |  Terms of Use  |  Contact Us