# Ajax progress indicator

**URL:** <https://www.ruby-forum.com/t/ajax-progress-indicator/130320>\
**Category:** Rails\
**Created:** [February 27, 2008, 10:26am UTC](https://www.ruby-forum.com/t/ajax-progress-indicator/130320 "2008-02-27T10:26:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tarscher](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/8491ac/32.png) [@Tarscher](https://www.ruby-forum.com/u/Tarscher)\
**Post date:** [February 27, 2008, 10:26am UTC](https://www.ruby-forum.com/t/ajax-progress-indicator/130320/1 "2008-02-27T10:26:23Z")

</div>

Hi all,

This might be more a html question than a rals one…

I have a link that user link\_remote\_to. When a user clicks that link I  
want to hide it and show a progress indicator in that same place.

I tried to do this with 3 spans:

- ajax link here text here 

The problem is that I cannot give the span a width so the ‘text here’  
always moves when the link is clicked since the indicator has a  
smaller size than the link.

how do you people solve this?

thanks  
Stijn

---

<div class="post-metadata">

**Author:** ![Tarscher](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/8491ac/32.png) [@Tarscher](https://www.ruby-forum.com/u/Tarscher)\
**Post date:** [February 27, 2008, 3:52pm UTC](https://www.ruby-forum.com/t/ajax-progress-indicator/130320/2 "2008-02-27T15:52:31Z")

</div>

divs

---

<div class="post-metadata">

**Author:** ![Tarscher](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/8491ac/32.png) [@Tarscher](https://www.ruby-forum.com/u/Tarscher)\
**Post date:** [February 28, 2008, 6:28pm UTC](https://www.ruby-forum.com/t/ajax-progress-indicator/130320/3 "2008-02-28T18:28:32Z")

</div>

Here’s an example with inline styles.

- 
ajax link1 here

Indie

Text here
- 
ajax link2 here

Indie

More text here

Sorry that the colors are ugly; it’s an easy way to see that the items  
are the same width. Technically you don’t need the styling on the  
first li, but it is obviously easier to include it (e.g., partial)  
than code around it.

---

<div class="post-metadata">

**Author:** ![Tarscher](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/8491ac/32.png) [@Tarscher](https://www.ruby-forum.com/u/Tarscher)\
**Post date:** [February 27, 2008, 5:39pm UTC](https://www.ruby-forum.com/t/ajax-progress-indicator/130320/4 "2008-02-27T17:39:33Z")

</div>

divs don’t work since I need to present data in a row. A div is not an  
inline element.