DesignOrbital Progress Bar Block

Autors DesignOrbital

Apraksts

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.

Ekrānuzņēmumi

The DesignOrbital Progress Bar block in the editor with the Value setting.

Bloki

Šis spraudnis nodrošina 1 bloku.

DesignOrbital Progress Bar Animated line progress bar with a label, value, stripes and custom colors.

Uzstādīšana

In your WordPress admin, go to Plugins Add New, search for “DesignOrbital Progress Bar Block”, then install and activate it.
Alternatively, upload the designorbital-progress-bar-block folder to /wp-content/plugins/ and activate it from the Plugins screen.
Open the block editor, click the + inserter, and search for “DesignOrbital Progress Bar”.

BUJ

How do I change the progress value?: Select the block and use the Value slider in the block settings sidebar.
Can I turn off the scroll animation?: Yes. Open the Animation panel in the block settings and turn off Animate On Scroll.

Atsauksmes

Par šo spraudni nav atsauksmju.

Autori un izstrādātāji

“DesignOrbital Progress Bar Block” ir atvērtā pirmkoda programmatūra. Šo spraudni ir veidojuši šādi cilvēki.

DesignOrbital

Tulkot “DesignOrbital Progress Bar Block&#8221 savā valodā.

Vai jūs interesē attīstība?

Pārlūkojiet kodu, apmeklējiet SVN krātuvi vai abonējiet attīstības žurnālu, ko izveidojis RSS.

Izmaiņu žurnāls

1.0.0

Initial release.

Vērtējumi

Vēl nav iesniegta neviena atsauksme.

Your review

Skatīt visasatsauksmes