me

def Progress Bars using css

posted_by :Amos, :on => 'December 6th, 2006'

I spend a little time trying to get css to make a progress bar for me. It took some thought and time, but everything worked out well. I thought I would put it here for everyone to see.

The CSS


.prog-empty {
  width: 400px;
  height: 15px;
  background: #247;
  padding: 0;
  margin: 20px;
  border: 5px;
}

.prog-bar {
  height: 15px;
  background: #f70;
  padding: 0;
  margin: 0;
}

The html


< div class="prog-empty">
  < div class="prog-bar" style="width: 63%">
  </div>
</div>

Now the width percentage needs to be replaced with a function. With the exact code from above I get something like:

I hope everyone can find this useful. Remember that you can use url("image.file") in place of the colors.

end

def Back to the Basics: Thinking critically about network security

posted_by :Amos, :on => 'December 5th, 2006'

Computer Security doesn’t mean that you need to by the latest of everything. What about the basics? As this author writes, “One of the hardest things to do as a security-minded professional is to sort through the sea of information…in order to determine what is actually useful and what is chaff.”

Original Article

end

end