https://github.com/khianvictorycalderon/js-web-async-loading
Load data with percentage, fetch using Async
https://github.com/khianvictorycalderon/js-web-async-loading
async asyncronous javascript vanilla vanilla-javascript
Last synced: 6 months ago
JSON representation
Load data with percentage, fetch using Async
- Host: GitHub
- URL: https://github.com/khianvictorycalderon/js-web-async-loading
- Owner: khianvictorycalderon
- Created: 2024-12-11T00:20:25.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-15T02:04:37.000Z (10 months ago)
- Last Synced: 2025-02-13T21:45:55.291Z (8 months ago)
- Topics: async, asyncronous, javascript, vanilla, vanilla-javascript
- Language: JavaScript
- Homepage: https://khianvictorycalderon.github.io/JS-Web-Async-Loading/
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Async Loading and Data Fetch Example
This project demonstrates an asynchronous loading process that progresses from 0% to 100%. After the loading completes, it simulates fetching some data asynchronously and displays the fetched data.
## How It Works
1. **Loading Process**: The page shows a loading percentage that increases from 0% to 100% at intervals.
2. **Async Data Fetch**: Once the loading reaches 100%, the script simulates a data fetching operation (e.g., using `setTimeout`) and displays the fetched data after a short delay.
## Usage
1. Clone or download the project.
2. Open the HTML file in a web browser.
3. The page will show a loading progress bar, and once completed, it will display some fetched data.