http://ajaxload.info/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ajaxload - Ajax loading gif generator</title>
<meta name="description" content="Ajaxload - Ajax loading gif generator" />
<link href="css/styles.css" rel="stylesheet" media="screen" />
<!--[if IE]><link href="css/styles_ie.css" rel="stylesheet" media="screen" /><![endif]-->
<script type="text/javascript" src="js/domel.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/color-picker.js"></script>
</head>
<body>
<div id="content">
  <h1>Ajaxload</h1>
  <span id="hey">(Beta) &lt;- Hey ! This service is Web 2.0</span>
  <form action="#preview" id="generator" method="post">
    <fieldset>
    <h2>Generator</h2>
    <div id="color-picker"></div>
    <img id="indicator" src="images/indicator.gif" alt="Loading..." />
    <p>
      <label for="type">Indicator type :</label>
      <select id="type" name="type">
        <option value="1">Circle ball</option>
        <option value="2">Indicator</option>
        <option value="3">Kit</option>
        <option value="4">Arrows</option>
        <option value="5">Indicator Big</option>
        <option value="6">Snake</option>
        <option value="7">Bouncing ball</option>
        <option value="8">Bar</option>
        <option value="9">Bar 2</option>
        <option value="10">Bar 3</option>
        <option value="11">Circling ball</option>
        <option value="12">Hypnotize</option>
        <option value="13">Wheel</option>
        <option value="14">Expanding Circle</option>
        <option value="15">Radar</option>
        <option value="16">Refresh</option>
        <option value="17">Flower</option>
        <option value="18">Squares</option>
        <option value="19">Circle Thickbox</option>
        <option value="20">Big Roller</option>
        <option value="21">Wheel Throbber</option>
        <option value="22">Smallwait</option>
        <option value="23">3D Rotation</option>
        <option value="24">Indicator lite</option>
        <option value="25">Squares Circle</option>
        <option value="26">Big Snake</option>
        <option value="27">Big Circle ball</option>
        <option value="28">Roller</option>
        <option value="29">Drip Circle</option>
        <option value="30">Indicator Big 2</option>
        <option value="31">Big Flower</option>
        <option value="32">Clock</option>
        <option value="33">Bar Circle</option>
        <option value="34">Pik</option>
      </select>
    </p>
    <p>
      <label class="sort" for="color1">Background color :</label>
      <span>#</span>
      <input type="text" id="color1" name="color1" class="color" value="FFFFFF" />
    </p>
    <p>
      <input type="checkbox" name="trans" id="trans" value="1" />
      <label class="after" for="trans">Transparent background</label>
    </p>
    <p>
      <label class="sort" for="color2">Foreground color :</label>
      <span>#</span>
      <input type="text" id="color2" name="color2" class="color" value="000000" />
    </p>
    <input type="image" id="generateit" src="images/generate.gif" alt="Generate it" />
    </fieldset>
  </form>
  <div id="advertisement">
    <div id="adsense">
      <h2>Advertisement</h2>
      <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
    </div>
  </div>
  <div id="preview">
    <div id="previewinner">
      <h2>Preview</h2>
      <div id="loader"><p>Create easily your own ajax loader icon :</p>
   <ol>
    <li>Select the type of indicator you want</li>
    <li>Enter the background code color you want<br />
     (tick "Transparent background" if you don't want one</li>
    <li>Enter the foreground code color you want</li>
   </ol>
   <p>Press "Generate it"</p></div>
       </div>
  </div>
  <div id="top10">
    <div id="top10inner">
      <h2>Top10</h2>
      <ol>
                <li title="Generated 299 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/00/80/ff/24-1.gif"><img src="cache/ff/ff/ff/00/80/ff/24-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 196 times"><a style="background:#00ff00;" href="download.php?img=cache/00/ff/00/ff/00/00/12-1.gif"><img src="cache/00/ff/00/ff/00/00/12-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 154 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/00/8-1.gif"><img src="cache/ff/ff/ff/ff/00/00/8-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 145 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/ba/21-1.gif"><img src="cache/ff/ff/ff/ff/00/ba/21-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 135 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/00/8-0.gif"><img src="cache/ff/ff/ff/ff/00/00/8-0.gif" alt="activity indicator" /></a></li>
              <li title="Generated 131 times"><a style="background:#646464;" href="download.php?img=cache/64/64/64/dd/dd/dd/2-1.gif"><img src="cache/64/64/64/dd/dd/dd/2-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 125 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/00/5-1.gif"><img src="cache/ff/ff/ff/ff/00/00/5-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 122 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/00/2-1.gif"><img src="cache/ff/ff/ff/ff/00/00/2-1.gif" alt="activity indicator" /></a></li>
              <li title="Generated 120 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/00/2-0.gif"><img src="cache/ff/ff/ff/ff/00/00/2-0.gif" alt="activity indicator" /></a></li>
              <li title="Generated 112 times"><a style="background:#ffffff;" href="download.php?img=cache/ff/ff/ff/ff/00/00/1-1.gif"><img src="cache/ff/ff/ff/ff/00/00/1-1.gif" alt="activity indicator" /></a></li>
            </ol>
    </div>
  </div>
  <div id="footer">
    <ul>
      <li>Code : <a href="http://blog.k1der.net/country">Country</a> (<a href="http://www.k1der.net/blog/country/contact">Contact</a>)</li>
      <li>Design : <a href="http://www.kath.fr">Kath</a></li>
      <li>Already 3279799 gifs served</li>
    </ul>
    <script type="text/javascript" src="http://include.reinvigorate.net/re_.js"></script>
    <script type="text/javascript">
        re_("h1n34-7dp787fy5u");
    </script>
  </div>
</div>
</body>
</html>
