SSE Real-Time Progress Bar Demo — AI-Generated HTML Example
CODE PREVIEW
エディタを読み込み中…
P
Prompt
Create a single HTML page that demonstrates Server-Sent Events (SSE) for real-time progress notification. Include a button to start a simulated long task, a progress bar, and a log area. Use a simple JavaScript EventSource to receive progress updates from a server-side script (simulated with a 5-second interval). Style with a modern, clean design.
このページは、Server-Sent Events（SSE）を使用したリアルタイム進捗通知システムのデモです。開始ボタンをクリックすると、長いタスクをシミュレートし、1秒ごとに進捗状況が更新されます。プログレスバーとログがリアルタイムに更新され、ライブステータス更新にSSEを使用する方法を示します。
Prompt Overview
This page is a demo of a real-time progress notification system using Server-Sent Events (SSE). Clicking the start button simulates a long task, with progress updates every second. The progress bar and log are updated in real time, demonstrating how to use SSE for live status updates.
Was this prompt helpful?
Comments
Comments appear after moderation
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選