Support forums » Products » Ajax Uploader » Re: Need to change progress bar "continuous.gif"

Need to change progress bar "continuous.gif"

Last post 11-17-2011, 2:31 AM by Jeff. 5 replies.
Sort Posts: Previous Next

  •  11-16-2011, 8:31 PM 71430

    Need to change progress bar "continuous.gif"

    Reply Quote
     
    i want to change progess bar color and i find this code in the runtime
     
    "
      <div style="position:absolute;font-size:1px;top:0px;left:0px;width:360px;height:40px;background-image: url(/abc/CuteWebUI_Uploader_Resource.axd?type=file&amp;file=continuous.gif&amp;_ver=634550129540000000);background-repeat: repeat-x;"></div>
     
    " 
     
    i dont' know how to change background-image: continuous.gif, i don't find any file likes the name in the folder
    hope reply me soon 
     
     
     
     
     
     
     
     
     
     

  •  11-16-2011, 9:06 PM 71432 in reply to 71430

    Re: Need to change progress bar "continuous.gif"

    Reply Quote
    Dear steveyuan,
     
    It can set ProgressBarBackgroundImage property for AjaxUploder,
    Below is the test code
     
    1. <CuteWebUI:Uploader runat="server" ID="Uploader1" ProgressBarBackgroundImage="images/test.gif" InsertText="Upload File (Max 10M)"  
    2.                 OnFileUploaded="Uploader_FileUploaded">  
    3.                 <ValidateOption MaxSizeKB="10240" />  
    4.             </CuteWebUI:Uploader> 
     
     
    Regards,
    Jeff

  •  11-16-2011, 10:07 PM 71433 in reply to 71432

    Re: Need to change progress bar "continuous.gif"

    Reply Quote
    hi Jeff
     
    i know the usage of property ProgressBarBackgroundImage, what i need to change is green block, not the whole background, 
     
     
    i found green block defintion is below
     
    "
      <div style="position:absolute;font-size:1px;top:0px;left:0px;width:360px;height:40px;background-image: url(/abc/CuteWebUI_Uploader_Resource.axd?type=file&amp;file=continuous.gif&amp;_ver=634550129540000000);background-repeat: repeat-x;"></div>
     
    " 
    but i can't find any file name like continuous.gif 
     
     
     
     

  •  11-16-2011, 10:53 PM 71436 in reply to 71433

    Re: Need to change progress bar "continuous.gif"

    Reply Quote
    Dear steveyuan,
     
    The continuous.gif file is control's resource,
    The process image can be set by  ProgressPicture property.
     
    1. <CuteWebUI:Uploader runat="server" ID="Uploader1" ProgressPicture="images/test.gif"   
    2.             InsertText="Upload File (Max 10M)"  
    3.                 OnFileUploaded="Uploader_FileUploaded">  
    4.                 <ValidateOption MaxSizeKB="10240" />  
    5. </CuteWebUI:Uploader> 
     
     
    Hope it helps.
     
    Regards,
    Jeff

  •  11-17-2011, 12:19 AM 71438 in reply to 71436

    Re: Need to change progress bar "continuous.gif"

    Reply Quote
    The problem is solved,  Thanks a lot, Jeff 

     
    by the way , i want to "22%" to be Vertical Middle, how can i make it
     
     
    Steve 

  •  11-17-2011, 2:31 AM 71440 in reply to 71438

    Re: Need to change progress bar "continuous.gif"

    Reply Quote
    Hi steveyuan,
     
    You set the ProgressBarHeight property for the AjaxUploder,
    The progress text is displayed in div tag
    Please try using padding-top style to control the text position based on your setting
     
    .AjaxUploaderProgressBarText {padding-top:10px;} 
     
    Regards,
    Jeff
View as RSS news feed in XML