| 230
| <![CDATA[<button type="button" style="width: 100%;" class="btn btn-facebook btn-icon">
<span class="btn-inner--icon"><i style="top:0;" class="fab fa-facebook"></i></span>
<span class="btn-inner--text">Facebook</span>
</button>]]>
|
| 231
| <![CDATA[<i style="top:0;" class="fab fa-facebook"></i>]]>
|
| 236
| <![CDATA[<button type="button" style="width: 100%;" class="btn btn-instagram btn-icon">
<span class="btn-inner--icon"><i style="top:0;" class="fab fa-instagram"></i></span>
<span class="btn-inner--text">Instagram</span>
</button>]]>
|
| 237
| <![CDATA[<i style="top:0;" class="fab fa-instagram"></i>]]>
|
| 262
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1" style="font-size: .7rem;"></i>]]>
|
| 283
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1" style="font-size: .7rem;"></i>]]>
|
| 316
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1" style="font-size: .7rem;"></i>]]>
|
| 355
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1" style="font-size: .7rem;"></i>]]>
|
| 382
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1" style="font-size: .7rem;"></i>]]>
|
| 430
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1" style="font-size: .7rem;"></i>]]>
|
| 451
| <![CDATA[<i class="fas fa-chevron-down d-inline-block ml-1 mr-0" style="font-size: .7rem;"></i>]]>
|
| 467
| <![CDATA[<button class="btn btn-primary btn-open-mmc btn-icon-only" data-slide="buscar" data-subslide="buscar-slide" style="background: transparent !important; box-shadow: none; border: none; padding: 0.45rem 0.75rem !important; font-size: 1.35rem !important;">
<i class="fas fa-search" style="pointer-events: none;"></i>
</button>]]>
|
| 468
| <![CDATA[<i class="fas fa-search" style="pointer-events: none;"></i>]]>
|
| 477
| <![CDATA[<div class="d-flex justify-content-between w-100" style="height: 100%;">
<div class="col-auto p-0">
<div class="box-menu px-4 py-0 d-flex align-items-center">
<div class="hamb-wrapper">
<div class="hamb-container">
<span class="hamb-line"></span>
<span class="hamb-line"></span>
<span class="hamb-line"></span>
</div>
<p class="align-in-v">MENU</p>
</div>
</div>
</div>
<div style="width: 150px;
position: absolute;
top: 50%;
left: calc(50% + 10px);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
height: 100%;">
<div style="width: 100%; height: 100%; padding: 6px 0;">
<div class="box-logo-mob" onclick="location.href='/'"></div>
</div>
</div>
<div class="col-auto p-2 d-flex align-center justify-content-center">
<button class="btn btn-primary btn-open-mmc btn-icon-only" data-slide="buscar" data-subslide="buscar-slide" style="padding: 0.45rem 0.75rem !important; font-size: 1.35rem !important;">
<i class="fas fa-search" style="pointer-events: none;"></i>
</button>
</div>
</div>]]>
|
| 490
| <![CDATA[<div style="width: 150px;
position: absolute;
top: 50%;
left: calc(50% + 10px);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
height: 100%;">
<div style="width: 100%; height: 100%; padding: 6px 0;">
<div class="box-logo-mob" onclick="location.href='/'"></div>
</div>
</div>]]>
|
| 497
| <![CDATA[<div style="width: 100%; height: 100%; padding: 6px 0;">
<div class="box-logo-mob" onclick="location.href='/'"></div>
</div>]]>
|
| 502
| <![CDATA[<button class="btn btn-primary btn-open-mmc btn-icon-only" data-slide="buscar" data-subslide="buscar-slide" style="padding: 0.45rem 0.75rem !important; font-size: 1.35rem !important;">
<i class="fas fa-search" style="pointer-events: none;"></i>
</button>]]>
|
| 503
| <![CDATA[<i class="fas fa-search" style="pointer-events: none;"></i>]]>
|
| 535
| <![CDATA[<div class="row m-0 d-flex justify-content-center py-4" style="position: relative;">
<div class="col-12 d-flex flex-column justify-content-center" style="z-index: 2;">
<div> <p>Procurando atrativos em Progresso? Conheça algumas opções. <a href="../../files/ebook2022.pdf" target="_blank" rel="noopener">ACESSE NOSSO EBOOK AQUI</a></p> </div>
<div class="locais-list">
<a class="local-box" href="/pontos-turisticos/cabanha-leite">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/20181103112826_625ff57c197b__reduzida__.jpg"
data-src="/img/locais/20181103112826_625ff57c197b3.jpg"
data-srcset="/img/locais/20181103112826_625ff57c197b3.jpg 2x, /img/locais/20181103112826_625ff57c197b3.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Cabanha Leite</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Campo Branco - Progresso/RS</span> <span><b>Telefone(s):</b> (51) 9666-7111 (Nelsi)</span> <span><b>Horário:</b> Aberta diariamente (visitas mediante agendamento)</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/camping-de-colonia-jardim">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon27_61c3da3ecfab__reduzida__.jpg"
data-src="/img/locais/turpon27_61c3da3ecfab9.jpg"
data-srcset="/img/locais/turpon27_61c3da3ecfab9.jpg 2x, /img/locais/turpon27_61c3da3ecfab9.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Camping de Colônia Jardim</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Localizado a 5Km do centro da cidade</span> <span><b>Telefone(s):</b> (51) 3505-0529 - Ramal 24</span> <span><b>Horário:</b> Aberto diariamente</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/fazenda-sinuelo">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon25_61c3dbce175b__reduzida__.jpg"
data-src="/img/locais/turpon25_61c3dbce175b6.jpg"
data-srcset="/img/locais/turpon25_61c3dbce175b6.jpg 2x, /img/locais/turpon25_61c3dbce175b6.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Fazenda Sinuelo</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Avenida Gramado - Bairro São Francisco</span> <span><b>Telefone(s):</b> (51) 3788-1006</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/gruta-nossa-senhora-de-lurdes-de-campo-branco">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon26_61c3dc3fd21c__reduzida__.jpg"
data-src="/img/locais/turpon26_61c3dc3fd21c6.jpg"
data-srcset="/img/locais/turpon26_61c3dc3fd21c6.jpg 2x, /img/locais/turpon26_61c3dc3fd21c6.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Gruta Nossa Senhora de Lurdes de Campo Branco</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Campo Branco - Progresso/RS</span> <span><b>Horário:</b> Aberta diariamente</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/igreja-nossa-senhora-auxiliadora">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/3_62555ca345c5__reduzida__.JPG"
data-src="/img/locais/3_62555ca345c55.JPG"
data-srcset="/img/locais/3_62555ca345c55.JPG 2x, /img/locais/3_62555ca345c55.JPG 1x"/>
</div>
<div class="infs-wrapper">
<h4>Igreja Nossa Senhora Auxiliadora</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Avenida Gramado</span> <span><b>Telefone(s):</b> (51) 3788-1111</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/roteiro-caminho-das-cascatas">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon30_61c3dd9d8904__reduzida__.jpg"
data-src="/img/locais/turpon30_61c3dd9d89045.jpg"
data-srcset="/img/locais/turpon30_61c3dd9d89045.jpg 2x, /img/locais/turpon30_61c3dd9d89045.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Roteiro Caminho das Cascatas</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Boqueirão do Leão, Progresso e Sério</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/sitio-campiol-trilha-da-cascata-do-moinho">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon22_61c3de8368a8__reduzida__.jpg"
data-src="/img/locais/turpon22_61c3de8368a89.jpg"
data-srcset="/img/locais/turpon22_61c3de8368a89.jpg 2x, /img/locais/turpon22_61c3de8368a89.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Sítio Campiol - Trilha da Cascata do Moinho</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> 500m do centro da cidade</span> <span><b>Telefone(s):</b> Whatsapp: (51) 99381-3315</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/recanto-do-pedrao">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/RECANTODOPEDRO_62557a95a4d7__reduzida__.jpg"
data-src="/img/locais/RECANTODOPEDRO_62557a95a4d7e.jpg"
data-srcset="/img/locais/RECANTODOPEDRO_62557a95a4d7e.jpg 2x, /img/locais/RECANTODOPEDRO_62557a95a4d7e.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Recanto do Pedrão</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Alta Picada Serra</span> <span><b>Telefone(s):</b> 51984852907</span> <span><b>Horário:</b> 9 h as 18 h (de segunda a segunda sob agendamento)</span> </div>
</div>
</a> </div>
</div>
</div>]]>
|
| 536
| <![CDATA[<div class="col-12 d-flex flex-column justify-content-center" style="z-index: 2;">
<div> <p>Procurando atrativos em Progresso? Conheça algumas opções. <a href="../../files/ebook2022.pdf" target="_blank" rel="noopener">ACESSE NOSSO EBOOK AQUI</a></p> </div>
<div class="locais-list">
<a class="local-box" href="/pontos-turisticos/cabanha-leite">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/20181103112826_625ff57c197b__reduzida__.jpg"
data-src="/img/locais/20181103112826_625ff57c197b3.jpg"
data-srcset="/img/locais/20181103112826_625ff57c197b3.jpg 2x, /img/locais/20181103112826_625ff57c197b3.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Cabanha Leite</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Campo Branco - Progresso/RS</span> <span><b>Telefone(s):</b> (51) 9666-7111 (Nelsi)</span> <span><b>Horário:</b> Aberta diariamente (visitas mediante agendamento)</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/camping-de-colonia-jardim">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon27_61c3da3ecfab__reduzida__.jpg"
data-src="/img/locais/turpon27_61c3da3ecfab9.jpg"
data-srcset="/img/locais/turpon27_61c3da3ecfab9.jpg 2x, /img/locais/turpon27_61c3da3ecfab9.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Camping de Colônia Jardim</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Localizado a 5Km do centro da cidade</span> <span><b>Telefone(s):</b> (51) 3505-0529 - Ramal 24</span> <span><b>Horário:</b> Aberto diariamente</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/fazenda-sinuelo">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon25_61c3dbce175b__reduzida__.jpg"
data-src="/img/locais/turpon25_61c3dbce175b6.jpg"
data-srcset="/img/locais/turpon25_61c3dbce175b6.jpg 2x, /img/locais/turpon25_61c3dbce175b6.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Fazenda Sinuelo</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Avenida Gramado - Bairro São Francisco</span> <span><b>Telefone(s):</b> (51) 3788-1006</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/gruta-nossa-senhora-de-lurdes-de-campo-branco">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon26_61c3dc3fd21c__reduzida__.jpg"
data-src="/img/locais/turpon26_61c3dc3fd21c6.jpg"
data-srcset="/img/locais/turpon26_61c3dc3fd21c6.jpg 2x, /img/locais/turpon26_61c3dc3fd21c6.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Gruta Nossa Senhora de Lurdes de Campo Branco</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Campo Branco - Progresso/RS</span> <span><b>Horário:</b> Aberta diariamente</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/igreja-nossa-senhora-auxiliadora">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/3_62555ca345c5__reduzida__.JPG"
data-src="/img/locais/3_62555ca345c55.JPG"
data-srcset="/img/locais/3_62555ca345c55.JPG 2x, /img/locais/3_62555ca345c55.JPG 1x"/>
</div>
<div class="infs-wrapper">
<h4>Igreja Nossa Senhora Auxiliadora</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Avenida Gramado</span> <span><b>Telefone(s):</b> (51) 3788-1111</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/roteiro-caminho-das-cascatas">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon30_61c3dd9d8904__reduzida__.jpg"
data-src="/img/locais/turpon30_61c3dd9d89045.jpg"
data-srcset="/img/locais/turpon30_61c3dd9d89045.jpg 2x, /img/locais/turpon30_61c3dd9d89045.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Roteiro Caminho das Cascatas</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Boqueirão do Leão, Progresso e Sério</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/sitio-campiol-trilha-da-cascata-do-moinho">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/turpon22_61c3de8368a8__reduzida__.jpg"
data-src="/img/locais/turpon22_61c3de8368a89.jpg"
data-srcset="/img/locais/turpon22_61c3de8368a89.jpg 2x, /img/locais/turpon22_61c3de8368a89.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Sítio Campiol - Trilha da Cascata do Moinho</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> 500m do centro da cidade</span> <span><b>Telefone(s):</b> Whatsapp: (51) 99381-3315</span> </div>
</div>
</a>
<a class="local-box" href="/pontos-turisticos/recanto-do-pedrao">
<div class="foto-legend">
<img class="lazy" itemprop="thumbnail"
src="/img/locais/RECANTODOPEDRO_62557a95a4d7__reduzida__.jpg"
data-src="/img/locais/RECANTODOPEDRO_62557a95a4d7e.jpg"
data-srcset="/img/locais/RECANTODOPEDRO_62557a95a4d7e.jpg 2x, /img/locais/RECANTODOPEDRO_62557a95a4d7e.jpg 1x"/>
</div>
<div class="infs-wrapper">
<h4>Recanto do Pedrão</h4>
<span class="badge badge-primary">Ponto turístico</span>
<div class="mt-3">
<span><b>Endereço:</b> Alta Picada Serra</span> <span><b>Telefone(s):</b> 51984852907</span> <span><b>Horário:</b> 9 h as 18 h (de segunda a segunda sob agendamento)</span> </div>
</div>
</a> </div>
</div>]]>
|
| 667
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: 2px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 673
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -7px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 680
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: 2px; top: 22.5938px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 687
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: 5px; top: 67.5938px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 693
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -4px; top: 34px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 699
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: 3px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 705
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -2px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 711
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -3px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 717
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: 3px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 723
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -1px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 729
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -49px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 735
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -4px; top: 34px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 741
| <![CDATA[<div id="gtx-trans" style="position: absolute; left: -15px; top: -11px;">
<div class="gtx-trans-icon"> ;</div>
</div>]]>
|
| 756
| <![CDATA[<div class="container wow fadeIn d-flex flex-column flex-md-row align-items-center" style="position: relative; text-align: center">
<nav class="menu-footer row justify-content-between align-items-center w-100">
<ul class="col-auto px-5 text-center">
<img src="/img/_layout/brasao_completo_branco.png" style="width: 300px; max-width: 98%;"/>
<div><p>Valor URM 2023 - R$ 5,17</p></div>
</ul>
<ul class="col-auto px-5 text-center">
<span class="text-center mb-2">
<span class="tt"><img src="/img/_layout/icone_horario.png" class="img-icone-foot"/> Horário de funcionamento:</span>
Segunda a Sexta:<br>
8h30 às 11h30 - 13h30 às 17h30
</span>
<span class="mb-2 text-center">
Email: <a href="tel:adm@progresso.rs.gov.br">adm@progresso.rs.gov.br</a>
</span>
<span class="mb-2 text-center">
<img src="/img/_layout/icone_phone.png" class="img-icone-foot"/> Fone: <a href="tel:555137881122">51 3788-1122</a>
</span>
<div class="mt-3">
<a href="https://www.facebook.com/Prefeitura-Municipal-de-Progresso-434131370771584" target="_blank">
<i class="fab fa-facebook-f d-inline-block mr-2"></i> Curta nossa página
</a>
</div>
</ul>
<ul class="col-auto px-5">
<address class="text-right">
<img src="/img/_layout/icone_local.png" class="img-icone-foot"/> Endereço:<br/>
Rua 4 de Novembro, 1150</br>
Centro, Progresso/RS</br>
CEP: 95925-000
</address>
</ul>
</nav>
</div>]]>
|
| 759
| <![CDATA[<img src="/img/_layout/brasao_completo_branco.png" style="width: 300px; max-width: 98%;"/>]]>
|
| 794
| <![CDATA[<div class="container" style="position: relative; height: 100%;">
<p class="text-copy">
<b>2023</b> © Todos os direitos reservados Prefeitura de Progresso | <a href="/politica-de-privacidade">Política de privacidade</a> | Desenvolvido por <a href="http://portalsinos.com.br" target="_blank">Portal Sinos<span class="ic-ps"></span></a>
</p>
</div>]]>
|
| 819
| <![CDATA[<button class="pv-btn" style="font-size: .9rem;"><i class="fas fa-times"></i>Entendi e Fechar</button>]]>
|
| 824
| <![CDATA[<button class="btn btn-open" style="pointer-events: all !important;">
Acessibilidade <i class="fas fa-wheelchair d-inline-block ml-2"></i>
</button>]]>
|
| 1005
| <![CDATA[<i class="fas fa-search" style="pointer-events: none;"></i>]]>
|
| 61
| <![CDATA[<div class="sidemenu-header" onclick="location.href='/'">
<img width="220" src="/img/_layout/logo.png">
</div>]]>
|
| 498
| <![CDATA[<div class="box-logo-mob" onclick="location.href='/'"></div>]]>
|
| 40
| <![CDATA[<script>
const ROOT = "";
const COMPANY_NAME = "Prefeitura de Progresso";
const TITLE = " Pontos turísticos e lazer | Prefeitura de Progresso ";
const HOME = "/";
const MAPA_SITE = "/mapa-do-site";
const CURRENT_PATH = "/pontos-turisticos";
const URL_POPUP = "";
const URL_SEARCH = "/buscarPost";
const CALENDAR_PATH = "/calendar";
</script>]]>
|
| 858
| <![CDATA[<script>
function initScrollEffect(parent, color = getComputedStyle(document.body).getPropertyValue('--color-primary'), content, pageYOnShow = 0) {
var bar = document.createElement("div");
bar.style.height = "5px";
bar.style.width = "0";
bar.style.position = "absolute";
bar.style.top = "100%";
bar.style.backgroundColor = color;
bar.style.left = "0";
bar.style.zIndex = "99999";
bar.style.transition = "0.2s";
bar.classList.add("bar-content-read");
parent.append(bar);
function updateBar(){
var topOffset = content.offsetTop;
var offset = content.offsetHeight;
var curScrollY = window.pageYOffset;
if (pageYOnShow) {
var contentOffsetBottom = content.offsetTop + offset;
if (curScrollY > pageYOnShow) {
parent.classList.add('show');
}
if (curScrollY > contentOffsetBottom || curScrollY <= pageYOnShow) {
parent.classList.remove('show');
}
}
var percentage = curScrollY * 100 / offset;
bar.style.width = percentage + "%";
if (percentage > 100) {
parent.classList.add('complete');
} else {
parent.classList.remove('complete');
}
}
document.addEventListener("scroll", updateBar);
}
</script>]]>
|
