designer

designer.html

<link rel="import" href="../paper-slider/paper-slider.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../paper-appbar/paper-appbar.html">
<style>
  #paper_slider {
    position: absolute;
    left: 220px;
    top: 150px;
  }
  #canvas {
    overflow: hidden;
  }
  #paper_slider1 {
    position: absolute;
    left: 190px;
    top: 250px;
  }
  #paper_appbar {
    right: 0px;
    left: 150px;
    color: rgb(215, 229, 252);
    position: absolute;
    top: 340px;
    background-color: rgb(66, 133, 244);
  }
</style>
<paper-slider secondaryprogress="0" value="35" min="0" max="100" step="1" ratio="0" id="paper_slider"></paper-slider>
<paper-slider secondaryprogress="0" value="0" min="0" max="100" step="1" ratio="0" id="paper_slider1"></paper-slider>
<paper-appbar responsivewidth="800px" theme="core-light-theme" id="paper_appbar" class="core-light-theme ">
  <paper-icon-button icon="menu" id="paper_icon_button" class="core-light-theme"></paper-icon-button>
  <div id="div" core-flex>Appbar</div>
</paper-appbar>