uploading bar for every id « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

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 12 years ago on Tuesday November 27, 2012 | Permalink

Chris Hajer
Key Master
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 12 years ago on Thursday November 29, 2012 | Permalink
simmons
Member

i think i really do not understand...
some times ago the bar was working.. but maybe was working only the pointed id version..

Posted 12 years ago on Thursday November 29, 2012 | Permalink
Chris Hajer
Key Master

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 12 years ago on Thursday November 29, 2012 | Permalink