PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

uploading bar for every id

  1. Hi,
    i've the same problem of jwvelez here: http://www.gravityhelp.com/forums/topic/add-a-file-upload-progress-bar#post-22968

    I added the Kevin solution and changed (maybe wrong) the css like that:

    .fakeprogress {
    	background-color:#ceecff;
    	border:2px solid #ADDEFC;
    	background-image:url(http://www.fineartprinted.com/wp-content/ajax-loader.gif);
    	background-repeat:no-repeat;
    	background-position:center 65px;
    	height:120px;
    	width:600px;
    	position:absolute;
    	top:25%;
    	left:50%;
    	margin-top:-60px;
    	margin-left:-200px;
    	z-index:100;
    }
    .fakeprogress h2 {
    	text-align:center;
    	margin:0;
    	padding:25px 0 0 0;
    	font-weight:bold;
    	font-size:24px;
    	font-family:sans-serif;
    }

    but does not seems to work..
    that's my site: http://fineartprinted.com/shop/fine-art-pearl-285/

    Posted 6 years ago on Tuesday November 27, 2012 | Permalink
  2. This CSS:

    [css]
    .ie8 #navigation, .ie7 #navigation, .ie6 #navigation, .ie8 #footer, .ie7 #footer, .ie7 #footer {
    	background:transparent;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); /* alpha channel is the first pair in the value of HEX */
    	zoom: 1;
    }

    That is causing the validator to choke on the file. Can you move that block to an external stylesheet and include that conditionally for IE, or at least put it after the fake progress bar CSS you want to use? Or even just temporarily remove the proprietary Microsoft stuff for a minute and retest your fake progress bar?

    Posted 6 years ago on Thursday November 29, 2012 | Permalink
  3. i think i really do not understand...
    some times ago the bar was working.. but maybe was working only the pointed id version..

    Posted 6 years ago on Thursday November 29, 2012 | Permalink
  4. I'm not sure why it was working before but is no longer working. I was just looking for problems in the page and got stuck on that CSS. Since this is a CSS solution to show the fake progress bar, I thought we should try fixing the CSS problems I noted and see if that helps anything at all.

    Can you remove the CSS block temporarily, as noted in the previous reply? The Microsoft extensions are not valid CSS and might be causing a problem with the CSS which follows (which happens to be your fake progress bar CSS).

    Posted 6 years ago on Thursday November 29, 2012 | Permalink