Author: admitriev Date: 2008-02-06 09:26:27 -0500 (Wed, 06 Feb 2008) New Revision: 5866 Modified: management/design/progressBar/markup/ProgressBar.html Log: Modified: management/design/progressBar/markup/ProgressBar.html =================================================================== --- management/design/progressBar/markup/ProgressBar.html 2008-02-06 13:35:29 UTC (rev 5865) +++ management/design/progressBar/markup/ProgressBar.html 2008-02-06 14:26:27 UTC (rev 5866) @@ -10,18 +10,19 @@ body{margin : 20px} *{font-family : verdana; font-size : 11px} .pbar_block{ white-space : nowrap;} -.pbar_bar_height{height : 15px;} +.pbar_bar_height{height : 13px;} .pbar_bar_width{width : 200px} -.pbar_bar_uploaded{width : 99px; height : 100%; background : #FF9409/*selectControlColor*/; background-image : url(images/bg_ProgressBar_perm.gif);background-repeat : repeat-x;} +.pbar_bar_uploaded{width : 99px; background : #FF9409/*selectControlColor*/; background-image : url(images/bg_ProgressBar_perm.gif);background-repeat : repeat-x;} .pbar_bar_shell{margin-bottom : 2px; background : #FFFFFF /*controlBackgroundColor*/; border : 1px solid #c0c0c0/*panelBorderColor*/;} +.pbar_bar_height_dig{height:} +.pbar_bar_uploaded_dig{width : 99px; overflow : hidden; position : absolute; top : 0px; left : 0px;} +.pbar_bar_shell_dig{position : relative; margin-bottom : 2px; border : 1px solid #c0c0c0/*panelBorderColor*/;} +.pbar_bar_track_dig{background : #FFFFFF /*controlBackgroundColor*/; text-align : center; color : #000000 /*controlTextColor*/; font-weight : bold; position : relative;} +.pbar_bar_ststusline_dig{background : #FF9409/*selectControlColor*/; text-align : center; color : #FFFFFF /*controlBackgroundColor*/; font-weight : bold; background-image : url(images/bg_ProgressBar_perm.gif);background-repeat : repeat-x;} +.pbar_bar_padding{padding: 0px} -.pbar_bar_uploaded_dig{width : 99px; overflow : hidden; position : absolute; border : 1px solid #c0c0c0/*panelBorderColor*/;} -.pbar_bar_shell_dig{position : relative; margin-bottom : 2px;} -.pbar_bar_track_dig{background : #FFFFFF /*controlBackgroundColor*/; text-align : center; border : 1px solid #c0c0c0/*panelBorderColor*/; color : #000000 /*controlTextColor*/; font-weight : bold; position : absolute;} -.pbar_bar_ststusline_dig{background : #FF9409/*selectControlColor*/; text-align : center; color : #FFFFFF /*controlBackgroundColor*/; font-weight : bold; background-image : url(images/bg_ProgressBar_perm.gif);background-repeat : repeat-x; position : absolute;} - .pbar_name_padding{padding : 0px 0px 2px 0px; font-size : 10px} </style> @@ -36,8 +37,8 @@ <div class="pbar_name_padding"> file_upload.html </div> -<div class="pbar_block pbar_bar_height pbar_bar_width pbar_bar_shell"> - <div class="pbar_bar_uploaded"> +<div class="pbar_block pbar_bar_width pbar_bar_shell"> + <div class="pbar_bar_height pbar_bar_uploaded"> </div> </div> @@ -52,12 +53,12 @@ <fieldset><legend>Progress Bar with digital status indication</legend> <br><br> -<div class="pbar_block pbar_bar_height pbar_bar_width pbar_bar_shell_dig"> - <div class="pbar_bar_height pbar_bar_width pbar_bar_track_dig"> +<div class="pbar_block pbar_bar_width pbar_bar_shell_dig"> + <div class=" pbar_bar_width pbar_bar_track_dig pbar_bar_padding"> 50% </div> - <div class="pbar_bar_height pbar_bar_uploaded_dig"> - <div class="pbar_bar_height pbar_bar_width pbar_bar_ststusline_dig"> + <div class=" pbar_bar_uploaded_dig"> + <div class="pbar_bar_height_dig pbar_bar_width pbar_bar_ststusline_dig pbar_bar_padding"> 50% </div> </div>