<repo_name>sissokho/basics-frontend-components-collections<file_sep>/README.md
# Basics Frontend Components Collections ⚡

This is a large collections of some basics frontend components crafted with HTML, CSS & JavaScript only, ready to be used 🛠

## Contributing 🌍

If you want to contribute, feel free to Fork this repo and help out on this project.  
If you also find an Issues, do not hesitate to let me know **[here](https://github.com/daoodaba975/basics-frontend-components-collections/issues)**

### Contact 📬

I'am always avaible on **[Twitter](https://twitter.com/daoodaba975)** 🐦 to discuss.

> You can buy me a coffee ☕ 👇🏽

<a href="https://www.buymeacoffee.com/daoodaba975" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/lato-orange.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important; border-radius: 10px;" ></a>

#### License 🎫

📌 This code is released under the **[MIT License](LICENSE)** ✔

> **Enjoy!** 🙏🏾
<file_sep>/loaders/bash/script.js
function init(){
    const out=document.getElementById("output");
    const chars=['\\','|','/','—'];
    let index=0;
    let count=0;
    let n=0;
    function animate(){
       n=parseInt((count/10)%10);
       out.innerHTML="["+("#").repeat(n)+("-").repeat(10-n)+"]"+chars[index]+"<br>"+parseInt(count)+"%";
       index++;
       count++;
       count%=100;
       index%=4;
       setTimeout(animate,100);
    }
    setTimeout(animate,100);
}