this is my web page. The progress bar doesn"t show up in div Id:skill. It"s fine in other files. Do you see anything wrong with it?
<div class="skill">
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
</div><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">
<script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../node_modules/jquery-ui/ui/jquery-1-7.js"></script>
<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="index.css">
</head>
<body>
<!---->
<div class="page-header">
<div class="text-center page-header">
<img src="../img/avatar.jpg" class="img-circle" style="width: 150px">
<h1>HELLO,</h1>
<h3>MY NAME IS <span style="color: red">KAMIL</span><sup>24YO</sup> AND THIS IS MY RESUME/CV</h3>
</div>
</div>
<!---->
<div class="container">
<!--bootstrap-->
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<!---->
<div class="col-xs-12 col-sm-7">
<!--about me-->
<div class="aboutMe">
<h2>//ABOUT ME</h2>
</div>
<!--education-->
<div class="education">
<h2>//EDUCATION</h2>
<div class="edu clearfix">
<div class="col-xs-2"><h5>1990</h5></div>
<div class="col-xs-10">
<h4>I was born in Katowice</h4>
</div>
</div>
<div class="edu clearfix">
<div class="col-xs-2"><h5>2005</h5></div>
<div class="col-xs-10">
<h4>Secondary school specializing in artistic</h4>
</div>
</div>
<div class="edu clearfix">
<div class="col-xs-2"><h5>2009</h5></div>
<div class="col-xs-10"></div>
</div>
<div class="edu clearfix">
<div class="col-xs-2"><h5>2009</h5></div>
<div class="col-xs-10"> </div>
</div>
</div>
<!--experience-->
<div class="experience">
<h2>//EXPERIENCE</h2>
<div class="exe clearfix">
<div class="col-xs-3">
<h5 class="address">Google</h5>
<h6 class="year">2013 - 2014</h6>
</div>
<div class="col-xs-9"></div>
</div>
<div class="exe clearfix">
<div class="col-xs-3">
<h5 class="address">Twitter</h5>
<h6 class="year">2012</h6>
</div>
<div class="col-xs-9"></div>
</div>
</div>
</div>
<!---->
<div class="cll-xs-12 col-sm-5">
<!--contact-->
<div class="contact">
<h2>//CONTACT</h2>
<div class="information">
<div class="col-xs-1">
<span class="fa fa-phone" style="font-size: 30px"></span>
</div>
<div class="col-xs-11 text-left"><h4>500 345 230</h4></div>
</div>
<div class="information">
<div class="col-xs-1">
<span class="fa fa-envelope" style="font-size: 26px"></span>
</div>
<div class="col-xs-11 text-left"><h4>office@kamsolutions.pl</h4></div>
</div>
<div class="information">
<div class="col-xs-1">
<span class="fa fa-twitter" style="font-size: 30px"></span>
</div>
<div class="col-xs-11 text-left">
<div><b>Twitter</b></div>
<div>https://twitter.com/WordPress</div></div>
</div>
<div class="information">
<div class="col-xs-1">
<span class="fa fa-facebook" style="font-size: 30px"></span>
</div>
<div class="col-xs-11 text-left">
<div><b>Facebook</b></div>
<div>https://www.facebook.com/facebook</div></div>
</div>
<div class="information">
<div class="col-xs-1 ">
<span class="fa fa-skype" style="font-size: 30px"></span>
</div>
<div class="col-xs-11 text-left">
<div><b>Skype</b></div>
<div>kamsolutions.pl</div></div>
</div>
</div>
<!--skill-->
<div class="skill">
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
</div>
<!--language-->
<div class="language"></div>
<!--hobbies-->
<div class="hobbies"></div>
</div>
</div>
</div>
</div>
</div> < / body >
< / html >