[WordPress] 外掛分享: DesignOrbital Progress Bar Block

首頁 › 外掛目錄 › DesignOrbital Progress Bar Block
WordPress 外掛 DesignOrbital Progress Bar Block 的封面圖片
全新外掛
安裝啟用
—
尚無評分
8 天前
最後更新
—
問題解決
WordPress 6.7+ PHP 7.4+ v1.0.0 上架:2026-10-07

內容簡介

DesignOrbital Progress Bar Block 外掛為 WordPress 區塊編輯器新增了一個動畫進度條區塊,能夠以乾淨的線條顯示技能、目標或任何百分比,並附上標籤與數值,提升網站的視覺效果。

【主要功能】
• 原生區塊,無需短碼或頁面建構器
• 可編輯標籤,支援標題或文本標籤
• 調整進度條厚度,選擇圓角或方角
• 支援條紋填充及動畫效果
• 自訂顏色、漸層及數值顯示
• 滾動進入視野時自動計數,尊重訪客的減少動作設定

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「DesignOrbital Progress Bar Block」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This plugin adds an animated DesignOrbital Progress Bar block to the WordPress block editor. Show skills, goals, or any percentage as a clean line bar with a label and value.
Features

Native block built with the WordPress block API — no shortcodes, no page builder.
Editable label with a choice of heading or text tag, and an optional value with a custom suffix.
Show the value above the bar or inside the fill.
Adjustable bar thickness, and rounded or square ends.
Striped fill with optional stripe animation.
Fill color or gradient, track color, and value color and size.
Fills the bar and counts up the value when it scrolls into view, with an adjustable duration. Respects the visitor’s reduced-motion setting.
Typography, text color, and margin controls from the block editor.
Accessible markup using the ARIA progressbar role.
Lightweight: styles and scripts load only on pages that use the block.
Translation ready.

This plugin does not collect any data, set cookies, or connect to external services.
Built by DesignOrbital
This block is developed by DesignOrbital, a team building Full Site Editing themes, blocks, and patterns. Explore our free Full Site Editing themes.
Related resources

DesignOrbital Blocks Plugin – 35+ blocks and extensions for the block editor.
DesignOrbital Pattern Library – 220+ predesigned patterns for building pages.

延伸相關外掛

文章
Filter
Mastodon