Demo by jquery-az.com
jQuery, CSS and HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/jquery-graph/style.css"> <link rel="stylesheet" href="css/jquery-graph/bar.css"> </head> <body> <div id="wrapper"> <div class="chart"> <h3>Skills graph</h3> <table id="data-table"> <thead> <tr> <td> </td> <th scope="col"></th> </tr> </thead> <tbody> <tr> <th scope="row">Java</th> <td>45</td> </tr> <tr> <th scope="row">Python</th> <td>70</td> </tr> <tr> <th scope="row">C-Sharp</th> <td>60</td> </tr> <tr> <th scope="row">HTML</th> <td>80</td> </tr> <tr> <th scope="row">CSS</th> <td>85</td> </tr> <tr> <th scope="row">Bootstrap</th> <td>83</td> </tr> <tr> <th scope="row">PHP</th> <td>50</td> </tr> <tr> <th scope="row">SQL Server</th> <td>90</td> </tr> </tbody> </table> </div> </div> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="js/jquery-graph/graph.js"></script> </body> </html>
Skills graph
Java
45
Python
70
C-Sharp
60
HTML
80
CSS
85
Bootstrap
83
PHP
50
SQL Server
90