HTML CSS examples for CSS Widget:Table Cell
Use table cell to show progress
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> table {<!-- ww w.j a va 2s . co m--> width:100%; } th { background-color:Chartreuse; } th { border-top:5px solid yellow; border-bottom:5px solid blue; border:5px solid pink; } th:first-child { border-left:5px solid WhiteSmoke; } th:after { content:' '; display:block; width:51%; background:red; height:5px; margin-bottom:5px; } th + th + th + th, th:last-child { border-right:5px solid OrangeRed; } </style> </head> <body> <table> <thead> <tr> <th>Month</th> <th>Amount</th> <th>Month</th> <th>Amount</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>$100</td> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$200</td> <td>February</td> <td>$200</td> </tr> </tbody> </table> </body> </html>