Template:RainbowBar

This template creates a rectangular bar filled with a rainbow gradient. The bar width is equal to that of its container html. The height of the bar may be specified as a template parameter.

Parameters

 * 1) Bar height in pixels (optional). If this is omitted, the bar height will be four pixels.

Examples
                <div style="width:1%; float:left;height:px; background:#ffcc00;"> <div style="width:1%; float:left;height:px; background:#ffdd00;"> <div style="width:1%; float:left;height:px; background:#ffea00;"> <div style="width:1%; float:left;height:px; background:#fff700;"> <div style="width:1%; float:left;height:px; background:#fbff00;"> <div style="width:1%; float:left;height:px; background:#eeff00;"> <div style="width:1%; float:left;height:px; background:#e1ff00;"> <div style="width:1%; float:left;height:px; background:#d5ff00;"> <div style="width:1%; float:left;height:px; background:#c8ff00;"> <div style="width:1%; float:left;height:px; background:#bbff00;"> <div style="width:1%; float:left;height:px; background:#aeff00;"> <div style="width:1%; float:left;height:px; background:#a2ff00;"> <div style="width:1%; float:left;height:px; background:#95ff00;"> <div style="width:1%; float:left;height:px; background:#88ff00;"> <div style="width:1%; float:left;height:px; background:#7bff00;"> <div style="width:1%; float:left;height:px; background:#6fff00;"> <div style="width:1%; float:left;height:px; background:#62ff00;"> <div style="width:1%; float:left;height:px; background:#55ff00;"> <div style="width:1%; float:left;height:px; background:#48ff00;"> <div style="width:1%; float:left;height:px; background:#3cff00;"> <div style="width:1%; float:left;height:px; background:#2fff00;"> <div style="width:1%; float:left;height:px; background:#22ff00;"> <div style="width:1%; float:left;height:px; background:#15ff00;"> <div style="width:1%; float:left;height:px; background:#09ff00;"> <div style="width:1%; float:left;height:px; background:#00ff04;"> <div style="width:1%; float:left;height:px; background:#00ff11;"> <div style="width:1%; float:left;height:px; background:#00ff1e;"> <div style="width:1%; float:left;height:px; background:#00ff2b;"> <div style="width:1%; float:left;height:px; background:#00ff37;"> <div style="width:1%; float:left;height:px; background:#00ff44;"> <div style="width:1%; float:left;height:px; background:#00ff51;"> <div style="width:1%; float:left;height:px; background:#00ff5e;"> <div style="width:1%; float:left;height:px; background:#00ff6a;"> <div style="width:1%; float:left;height:px; background:#00ff77;"> <div style="width:1%; float:left;height:px; background:#00ff88;"> <div style="width:1%; float:left;height:px; background:#00ff95;"> <div style="width:1%; float:left;height:px; background:#00ffa2;"> <div style="width:1%; float:left;height:px; background:#00ffae;"> <div style="width:1%; float:left;height:px; background:#00ffbb;"> <div style="width:1%; float:left;height:px; background:#00ffc8;"> <div style="width:1%; float:left;height:px; background:#00ffd5;"> <div style="width:1%; float:left;height:px; background:#00ffe1;"> <div style="width:1%; float:left;height:px; background:#00ffee;"> <div style="width:1%; float:left;height:px; background:#00fffb;"> <div style="width:1%; float:left;height:px; background:#00f7ff;"> <div style="width:1%; float:left;height:px; background:#00eaff;"> <div style="width:1%; float:left;height:px; background:#00ddff;"> <div style="width:1%; float:left;height:px; background:#00d0ff;"> <div style="width:1%; float:left;height:px; background:#00c4ff;"> <div style="width:1%; float:left;height:px; background:#00b7ff;"> <div style="width:1%; float:left;height:px; background:#00aaff;"> <div style="width:1%; float:left;height:px; background:#009dff;"> <div style="width:1%; float:left;height:px; background:#0091ff;"> <div style="width:1%; float:left;height:px; background:#0084ff;"> <div style="width:1%; float:left;height:px; background:#0077ff;"> <div style="width:1%; float:left;height:px; background:#006aff;"> <div style="width:1%; float:left;height:px; background:#005eff;"> <div style="width:1%; float:left;height:px; background:#0051ff;"> <div style="width:1%; float:left;height:px; background:#0044ff;"> <div style="width:1%; float:left;height:px; background:#0037ff;"> <div style="width:1%; float:left;height:px; background:#002bff;"> <div style="width:1%; float:left;height:px; background:#001eff;"> <div style="width:1%; float:left;height:px; background:#0011ff;"> <div style="width:1%; float:left;height:px; background:#0004ff;"> <div style="width:1%; float:left;height:px; background:#0900ff;"> <div style="width:1%; float:left;height:px; background:#1500ff;"> <div style="width:1%; float:left;height:px; background:#2200ff;"> <div style="width:1%; float:left;height:px; background:#3300ff;"> <div style="width:1%; float:left;height:px; background:#4000ff;"> <div style="width:1%; float:left;height:px; background:#4d00ff;"> <div style="width:1%; float:left;height:px; background:#5900ff;"> <div style="width:1%; float:left;height:px; background:#6600ff;"> <div style="width:1%; float:left;height:px; background:#7300ff;"> <div style="width:1%; float:left;height:px; background:#8000ff;"> <div style="width:1%; float:left;height:px; background:#8c00ff;"> <div style="width:1%; float:left;height:px; background:#9900ff;"> <div style="width:1%; float:left;height:px; background:#a600ff;"> <div style="width:1%; float:left;height:px; background:#b300ff;"> <div style="width:1%; float:left;height:px; background:#bf00ff;"> <div style="width:1%; float:left;height:px; background:#cc00ff;"> <div style="width:1%; float:left;height:px; background:#d900ff;"> <div style="width:1%; float:left;height:px; background:#e600ff;"> <div style="width:1%; float:left;height:px; background:#f200ff;"> <div style="width:1%; float:left;height:px; background:#ff00ff;">
 * 1)   produces the bar seen above.
 * 2)   produces the following 4×300 pixel bar: