Socket
Socket
Sign inDemoInstall

primer-progress

Package Overview
Dependencies
Maintainers
1
Versions
253
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

primer-progress - npm Package Compare versions

Comparing version 0.1.0-alpha.a9f6a8c2 to 0.1.0-alpha.c144285b

4

package.json
{
"version": "0.1.0-alpha.a9f6a8c2",
"version": "0.1.0-alpha.c144285b",
"name": "primer-progress",

@@ -34,3 +34,3 @@ "description": "TODO: fill in this description later",

"dependencies": {
"primer-support": "4.7.0-alpha.a9f6a8c2"
"primer-support": "4.7.0-alpha.c144285b"
},

@@ -37,0 +37,0 @@ "keywords": [

@@ -44,3 +44,3 @@ # Primer / Progress

## Default Progress Bar
## Default Progress

@@ -50,8 +50,7 @@ ```html

<span class="Progress-value bg-green" style="width: 50%;"></span>
<span class="Progress-value bg-purple" style="width: 25%;"></span>
<span class="Progress-value bg-red" style="width: 5%;"></span>
</span>
```
## Large Progress Bar
## Large Progress

@@ -61,8 +60,6 @@ ```html

<span class="Progress-value bg-green" style="width: 50%;"></span>
<span class="Progress-value bg-purple" style="width: 25%;"></span>
<span class="Progress-value bg-red" style="width: 5%;"></span>
</span>
```
## Small Progress Bar
## Small Progress

@@ -72,8 +69,6 @@ ```html

<span class="Progress-value bg-green" style="width: 50%;"></span>
<span class="Progress-value bg-purple" style="width: 25%;"></span>
<span class="Progress-value bg-red" style="width: 5%;"></span>
</span>
```
## Progress Bar With Tooltip
## Progress with tooltip

@@ -84,2 +79,12 @@ ```html

<span class="Progress-value bg-green" style="width: 50%;"></span>
</span>
</div>
```
## Progress with multiple values
```html
<div class="tooltipped tooltipped-n" aria-label="78 done / 6 in progress / 2 to do">
<span class="Progress">
<span class="Progress-value bg-green" style="width: 50%;"></span>
<span class="Progress-value bg-purple" style="width: 25%;"></span>

@@ -86,0 +91,0 @@ <span class="Progress-value bg-red" style="width: 5%;"></span>

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc