jQuery UI API - สมาชิกแถบความคืบหน้า (ProgressBar Widget)
หมวดหมู่
การใช้
คำอธิบาย: แสดงที่แน่นอนหรือไม่แน่นอนรัฐกระบวนการ
รุ่นใหม่: 1.6
แถบความคืบหน้าถูกออกแบบมาเพื่อแสดงค่าร้อยละของความสำเร็จของความคืบหน้าในปัจจุบัน แถบความคืบหน้าโดย CSS การเข้ารหัสความยืดหยุ่นในการปรับขนาดที่เริ่มต้นจะถูกปรับขนาดเพื่อรองรับขนาดของภาชนะผู้ปกครอง
การกำหนดแถบความคืบหน้าสามารถใช้เฉพาะในระบบอย่างถูกต้องสามารถอัปเดตสถานะปัจจุบันของกรณี การกำหนดแถบความคืบหน้าจะไม่เติมจากซ้ายไปขวาแล้ววนกลับว่างเปล่า - ถ้าคุณไม่สามารถคำนวณรัฐที่เกิดขึ้นจริงใช้แถบความคืบหน้าไม่แน่นอนในการที่จะให้ข้อเสนอแนะของผู้ใช้
ชุดรูปแบบ
แถบความคืบหน้าสมาชิก (ProgressBar Widget) โดยใช้ jQuery UI กรอบ CSS เพื่อกำหนดรูปลักษณ์และความรู้สึกของสไตล์ หากคุณจำเป็นต้องใช้แถบความคืบหน้าในสไตล์ที่ระบุคุณสามารถใช้ชื่อคลาส CSS ต่อไปนี้:
-
ui-progressbar: ความคืบหน้าของภาชนะบรรจุด้านนอก องค์ประกอบของความไม่แน่นอนนี้จะเพิ่มแถบความคืบหน้าเพิ่มเติมui-progressbar-indeterminateชั้น-
ui-progressbar-value: องค์ประกอบนี้แสดงให้เห็นถึงความคืบหน้าของส่วนบรรจุ-
ui-progressbar-overlay: ซ้อนทับสำหรับการแสดงภาพเคลื่อนไหวเป็นแถบความคืบหน้าไม่ทราบแน่ชัด
-
-
วางใจ
ข้อมูลเพิ่มเติม
- ส่วนที่ต้องมีการทำงาน CSS มิฉะนั้นมันจะไม่ทำงาน ถ้าคุณสร้างธีมที่กำหนดเองใช้วิดเจ็ตที่ระบุ CSS แฟ้มเป็นจุดเริ่มต้น
ตัวอย่าง
ง่าย jQuery UI ไม่ทราบแน่ชัดแถบความคืบหน้า (Indeterminate ProgressBar)
<! Doctype html>
<html lang = "th">
<head>
<Meta charset = "UTF-8">
<title> สมาชิกแถบความคืบหน้า (ProgressBar Widget) สาธิต </ title>
<link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
<script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
<div id = "ProgressBar"> </ div>
<script>
$ ( "#progressbar") .progressbar ({
มูลค่าเท็จ
});
</ script>
</ body>
</ html>