Drupal 7 - ajax throbber #drupal #d7 #throbber
/*
* .ajax-progress.ajax-progress-throbber
* .ajax-progress.ajax-progress-throbber .message
* .ajax-progress.ajax-progress-throbber .throbber
*/
/*
* these apply to auto-completing form fields
*/
html.js input.form-autocomplete {
background-image: url(path-to-your/loader.gif); /* tweak this according to your gif */
background-position: 100% 0px; /* tweak this according to your gif */
background-repeat: no-repeat;
}
html.js input.throbbing {
background-position: 100% -20px; /* tweak this according to your gif */
}
/*
* these apply to all ajax progresses
*/
.ajax-progress {
display: inline-block;
*display: inline;
*zoom: 1;
}
.ajax-progress.ajax-progress-throbber .throbber {
background: transparent url(path-to-your/loader.gif) no-repeat 0px 0px; /* tweak this according to your gif */
float: left;
height: 20px; /* tweak this according to your gif */
width: 20px; /* tweak this according to your gif */
margin: 2px;
}