Results 1 to 3 of 3

Thread: Windows XP Progress Bar Customization

  1. #1
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Windows XP Progress Bar Customization

    Script: Windows XP Progress Bar

    Hi everyone,

    I currently have the progress bar installed at http://www.gerryhyh.f2s.com/paul/content/disarm.htm - when you click on a download link, the bar will show. This is pretty snazzy as it is, but I was wondering if and how I could make some text, like "Contacting mirror" appear at the same time the bar does (preferably just above the bar)?

    cr3ative
    Last edited by cr3ative; 11-28-2004 at 10:03 AM. Reason: The voices told me to.
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    That should be relatively simple to do, using a DIV tag to contain the text, and the "display" property to control its visiblity. Here's a complete example of this, using your HTML as the basis:

    Code:
    <script language="javascript" src="xp_progress.js">
    
    /***********************************************
    * WinXP Progress Bar- By Brian Gosselin- http://www.scriptasylum.com/
    * Script featured on Dynamic Drive- http://www.dynamicdrive.com
    * Please keep this notice intact
    ***********************************************/
    
    </script>
    
    <p><a href="../shared/afp.zip"  onclick="showmybar();">Primary Download Host</a><br>
    <a href="http://afpsupport.port5.com/shared/afp.zip" onclick="showmybar();">Secondary Download Host</a></p>
    
    <script type="text/javascript">
    
    // Bar placement. After 3 seconds, hide the bar again.
    var bar2=createBar(320,13,'white',1,'silver','gainsboro',45,20,3,"javascript:hidemybar();");
    bar2.hideBar();
    
    function showmybar(){
    bar2.showBar()
    document.getElementById("progresstext").style.display="block"
    }
    
    function hidemybar(){
    bar2.hideBar()
    document.getElementById("progresstext").style.display="none"
    }
    
    </script>
    
    
    <div id="progresstext" style="font: bold 12px Arial; display: none">Contacting mirror...</div>
    Let me know if you have any questions.

  3. #3
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    That's muchly marvellous. Now my site looks mildly professional

    Here it is in action:
    www.afpsupport.r8.org/disarm.htm

    cr3ative
    Last edited by cr3ative; 11-29-2004 at 04:19 PM.
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •