Ajax Activity Indicator without GIF Animations

Download ActivityIndicator

<div id="board1">
</div>

var ai1= new ActivityIndicator("board1");
ai1.activate();

STYLE

.offLED {
        height: 5px;
        width: 5px;
        display: inline-block;
        background-color: #22AA00;
        margin: 1px;
      }

      .onLED {
        height: 5px;
        width: 5px;
        display: inline-block;
        background-color: #55FF88;
        margin: 1px;
      }

---

<div id="board2">
</div>

var ai2= new ActivityIndicator("board2", {
  LEDOffClass: "offLED1",
  LEDOnClass: "onLED1",
  delay: 100,
  LEDCount: 5
}); 

ai2.activate(); 

STYLE

.offLED1 {
        height: 10px;
        width: 6px;
        display: inline-block;
        background-color: #FFAA00;
        border: 1px solid #FF0000;
        margin-right: -1px;
      }

      .onLED1 {
        height: 10px;
        width: 6px;
        display: inline-block;
        background-color: #FF0000;
      }