The Javascript library SnapJS can be used for side menu bar.

Source SnapJS at Github

Demo SnapJS

Change Drawer Width

To change the width of the drawer the CSS and the Snapper instance has to be configured (maxPosition).

.snap-drawer {
  width: 400px;

This can be overridden in you application CSS file with
.snap-drawer { width: 400px !important; }

new Snap({
  element: document.getElementById("snap-content"),
  maxPosition: 401