Unbestimmter Ladebalken mit gleitendem Verlaufs-Segment.
1<template>2 <div class="track"><div class="seg"></div></div>3</template>4<script>5export default {}6</script>7<style>8.track{position:relative;width:220px;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}9.seg{position:absolute;top:0;left:0;height:100%;width:40%;border-radius:8px;10 background:linear-gradient(90deg,#8b5cf6,#d946ef,#06b6d4);animation:slide 1.3s ease-in-out infinite}11@keyframes slide{0%{left:-40%}100%{left:100%}}12</style>Keine Installation, kein Build-Step — reine Standards, sofort einsatzbereit.
Klicke oben auf „Code kopieren“ — HTML und CSS landen in deiner Zwischenablage.
Füge das Markup an der gewünschten Stelle deiner Seite oder Komponente ein.
Übernimm den <style>-Block bzw. die Klassen in deine Stylesheet-Datei.
Aus derselben Kategorie oder mit passenden Tags.
Melde dich an, um zu kommentieren.