Making the Progress Bars

Vixen on a Budget was asking about making progress bars Beachgirl's blog.

You have to calculate manually and edit the amounts under <div style="WIDTH: 37%" class="progress"> and <span style="COLOR: rgb(255,255,255)">37%</span>.


<style type="text/css">

div.goal {
BORDER-RIGHT: rgb(85,85,85) 1px solid;
BORDER-TOP: rgb(85,85,85) 1px solid;
BACKGROUND: rgb(188,188,188) 0% 50%;
BORDER-LEFT: rgb(85,85,85) 1px solid;
WIDTH: 175px;
BORDER-BOTTOM: rgb(85,85,85) 1px solid;
HEIGHT: 17px;
moz-background-clip: -moz-initial;
moz-background-origin: -moz-initial;
moz-background-inline-policy: -moz-initial

}

div.progress {
BACKGROUND: rgb(68,85,102) 0% 50%;
HEIGHT: 17px;
moz-background-clip: -moz-initial;
moz-background-origin: -moz-initial;
moz-background-inline-policy: -moz-initial


}

</style>


<h2 class="title">Finanical</h2>
<b>Emergency Fund</b><br/>
<div class="goal">
<div style="WIDTH: 37%" class="progress">
<b>
<span style="COLOR: rgb(255,255,255)">37%</span>
</b><br/>
</div></div>
<div style="WIDTH: 175px; TEXT-ALIGN: right">$10,000</div>


You should end up with something similar to what is on the left of this page. To make another bar just recopy this portion of the code.


<b>Emergency Fund</b><br/>
<div class="goal">
<div style="WIDTH: 37%" class="progress">
<b>
<span style="COLOR: rgb(255,255,255)">37%</span>
</b><br/>
</div></div>
<div style="WIDTH: 175px; TEXT-ALIGN: right">$10,000</div>

Goals 2007

Since it is so late in year just wanted to list my goals for 2007 and currently what I have accomplished towards meeting those goals.

Fitness Goals:

• Walking: Started walking in March of 2007. Currently use Ipod Nano and Nike+ to keep track of my walking distance. I have worked walking into my routine usually walking after work and getting up early on weekends. Only thing left is to sign-up for company gym so I can use the treadmill when weather would prevent me from walking after work.
• Weightlifting: Recently got an old home gym system from a guy at work. Started using it but need to work it into my schedule better.
  

Financial Goals:

• Budget: To get a better handle on my money by trying to stick to a budget. Currently I just but money aside for basic needs that I dip into when something comes up. Would like to get a better handle on non-monthly expenses and savings for big ticket items.
• Emergency Fund: Setup an emergency fund with 3-6 months of expenses. Currently I am shooting to have $10,000 in my emergency fund. My current balance is $3,500. Started with only putting in $200 a month but have moved it up to $400. Goal will be accomplished by Dec. 2008.
• Retirement: Started the year with only contributing 10% to my companies 401K (matched 50% of first 4%) and $50 to my Roth. Switched companies earlier this year and pushed up my 401k contribution to 15% (matched 50% of first 6%). Would like to this year or next year to contribute more money to Roth.

Misc Goals:

• Bad Habits: Stop biting my finger nails. I have had a mild success with stopping. I still unconsciously put my fingers in my mouth but I usual catch myself before I bite my finger nails.
• Eating Better: I have used Papajohns.com too much in the last year. Need to cook more at home and only order pizza once in a while.
• Reduce Pop Intake: Reduce the amount of pop I drink during the day. Starting this year I would normally go through 3 20oz and 3-4 12oz beverages in a day. I am currently only drink 2-3 20oz beverages at work and only 1-2 during the weekend.