Polymer doesn't change paper-tab selected attribute -

i'm trying make paper-tabs on application. tab 1 , page 1 have selected when page load , unfortunately when i'm trying make attribute selected=0 page loads tab1 active , cant change other tab , see tab 1 page 1 can please tell me fix problem ??

best regards

i'm writing below i've tried.

my import extensions

<link rel="import" href="../bower_components/paper-tabs/paper-tabs.html"> <link rel="import" href="../bower_components/core-pages/core-pages.html"> <link rel="import" href="../bower_components/core-ajax/core-ajax.html"> 

and code:

   <paper-tabs selected="0">             <paper-tab>tab 1</paper-tab>             <paper-tab>tab 2</paper-tab>             <paper-tab>tab 3</paper-tab>         </paper-tabs>          <core-pages selected="0">             <div>page 1</div>             <div>page 2</div>             <div>page 3</div>         </core-pages> 

second option

         <paper-tabs selected="{{0}}">             <paper-tab>tab 1</paper-tab>             <paper-tab>tab 2</paper-tab>             <paper-tab>tab 3</paper-tab>         </paper-tabs>          <core-pages selected="{{0}}">             <div>page 1</div>             <div>page 2</div>             <div>page 3</div>         </core-pages> 

this method solved problem:

   polymer('progress-page', {         ready: function () {             // make global values available on instance.             this.selected = 0;         } }); 

try selected="{{activetabid}}" , in js set default value: activetabid: 0