Kim Knits

And here are the tank and cardigan side by side...I thought this was a cool effect from Blogger.

Add Progress Tracker to your blog!

<div style="position:relative; left:0px; top:0px;">
                        
                    <div style="position:relative; left:0px; top:0px;">
                        
                     
                        <script language="Javascript" type="text/javascript">
   var projects = new Array();
   
   // set up projects like this: NAME, percent done, type
   // type can be: sweater, tank, hat, bag, sock, scarf, mitten, mystery, blanket, cardigan
   
   projects[projects.length] = "Cotton Hoodie, 50, cardigan";
   projects[projects.length] = "Jaywalker, 60, sock";

// set up the colors for works in progress (less than 100 percent) and finished objects (100 percent)
   // these can be hex codes, or color names (Green, Red, Blue, etc).
   
   var wipColor = "aqua";
   var foColor = "#9966ff";
   
   
   // edit this to get the fonts to display differently if you want
   
   var fontStyle="font-family:arial,helvetica,sans-serif; font-size:12px; color:#888888;";

// set up height of standard project: adjust this if projects are overlapping
   var projHeight = 90;
   
   // initial vertical position from top of container. Adjust if you want.
   var position="0";
   
   // WARNING: Don't edit after this line unless you're a javascript queen!
   var numProjects = projects.length;
   var genericStyle = 'position:relative; left:-1px; width:121px; height:50px;';
   var otherStyle = 'position:absolute; left:0px; width:120px; height:50px;';
   
   document.write('<table border="0" style="position:relative; left:0px; top:0px;" width="200">');
   for(var i=1; i<=numProjects; i++) {
      var variables = projects[i-1].split(', ');
      var name= variables[0];
      var percent = variables[1];
      var type = variables[2];
      
      var styleFilter=otherStyle + 'top:0px; z-index:2;';
      var styleImg=genericStyle + 'top:0px; z-index:3;';
      document.write('<tr style="position:relative; left:0px; top:0px;"><td style="position:relative; left:0px; top:0px;" width="118"><div style="position:relative; left:0px; top:0px;">');
      document.write('<div style="' + styleImg + '"><img border="0" width="121" style="font-weight:bold;" src="YOURLINK/sm_' + type +'_clear.gif" height="50"></div>');
      
      var amtWhite = 50 - (50*(.01*percent));
      var whichFill = wipColor;
      
      if(amtWhite == 0) {
         whichFill = foColor;
      }
      document.write('<div style="' + styleFilter + ' background-color:' + whichFill + ';"><img width="121" src="http://i5.photobucket.com/albums/y181/ferryfax/clear.gif" height="' + amtWhite +'"/></div>');
      document.write('</div></td><td><span style="' + fontStyle + '"><b>'+name+'</b>: ' + percent + '%</span>');
        document.write('</td></tr>');
   }
   document.write('</table>');

</script></div>     
                        <script language="Javascript" type="text/javascript">
   var projects = new Array();
   
   // set up projects like this: NAME, percent done, type
   // type can be: sweater, tank, hat, bag, sock, scarf, cardigan, mitten, mystery, blanket, shawls 
   
   projects[projects.length] = "SPINNING, 100, sheep";
   projects[projects.length] = "Kureyon Scarf, 40, scarf";

// set up the colors for works in progress (less than 100 percent) and finished objects (100 percent)
   // these can be hex codes, or color names (Green, Red, Blue, etc).
   
   var wipColor = "#33cc33";
   var foColor = "#9966ff";
   
   
   // edit this to get the fonts to display differently if you want
   
   var fontStyle="font-family:arial,helvetica,sans-serif; font-size:12px; color:#888888;";

width="118" style="position:relative; left:0px; top:0px;"><div style="position:relative; left:0px; top:0px;">');
      document.write('<div style="' + styleImg + '"><img border="0" width="121" height="50"

src="http://mysite.verizon.net/kim.williams2/knit_tracker/images/sm_' + type +'_clear.gif"></div>');
      
      var amtWhite = 50 - (50*(.01*percent));
      var whichFill = wipColor;
      
      if(amtWhite == 0) {
         whichFill = foColor;
      }
      document.write('<div style="' + styleFilter + ' background-color:' + whichFill + ';"><img width="121" height="' + amtWhite +'"

src="http://i5.photobucket.com/albums/y181/ferryfax/clear.gif"/></div>');
      document.write('</div></td><td><span style="' + fontStyle + '"><b>'+name+'</b>: ' + percent + '%</span>');
        document.write('</td></tr>');
   }
   document.write('</table>');

</script></div>

Kim Knits

Contributors

Blogs I read

Thursday, June 30, 2005

0 comments:

Progress Tracker

Add Progress Tracker to your blog!

Completed Projects

Click for archives