$(document).ready(()=>{

  const compatibility = $('.compatibility')
  const sheets = compatibility.find('.sheet-container')
  const values = sheets.find('.value')
  const confirm = compatibility.find('.button.confirm')
  const loading = $('#dropLoading')
  
  values.each((index,elem)=>{
    const el = $(elem)
    const percent = el.find('.percent')
    const value = percent.data('percent')+'%'

    percent.animate({'width': value},500)
    
  })
  
  confirm.on('click', ()=>{
      
    loadingInit()
    loading.fadeIn()
    setTimeout(()=>{
      loading.fadeOut(()=>{
        window.location='plans'
      })
    },7000)
    
  })
  
})