docs: add bash progress bar article
This commit is contained in:
parent
d73dd9d0fa
commit
97b9cb24ad
14 changed files with 1160 additions and 0 deletions
150
content/articles/2024/bash_printf/images/barre_progression.svg
Normal file
150
content/articles/2024/bash_printf/images/barre_progression.svg
Normal file
|
|
@ -0,0 +1,150 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="150.35045mm"
|
||||
height="25.371393mm"
|
||||
viewBox="0 0 150.35045 25.371393"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<title
|
||||
id="title6">Découpage d'une barre de progression</title>
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(-29.578274,-38.464996)">
|
||||
<rect
|
||||
style="fill:#cccccc;stroke-width:0.196183"
|
||||
id="rect1"
|
||||
width="82.085648"
|
||||
height="5.4879713"
|
||||
x="86.700256"
|
||||
y="48.571499" />
|
||||
<rect
|
||||
style="fill:#333333;stroke-width:0.139933"
|
||||
id="rect2"
|
||||
width="45.89801"
|
||||
height="5.470767"
|
||||
x="86.700256"
|
||||
y="48.571499" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-weight:200;font-size:3.175px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Ultra-Light';fill:#333333;stroke-width:0.3"
|
||||
x="31.546356"
|
||||
y="52.329395"
|
||||
id="text2"><tspan
|
||||
id="tspan2"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';stroke-width:0.3"
|
||||
x="31.546356"
|
||||
y="52.329395">Reticulating spline (12/42)</tspan></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-weight:200;font-size:3.175px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Ultra-Light';fill:#333333;stroke-width:0.3"
|
||||
x="171.58591"
|
||||
y="52.329395"
|
||||
id="text3"><tspan
|
||||
id="tspan3"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';stroke-width:0.3"
|
||||
x="171.58591"
|
||||
y="52.329395">57%</tspan></text>
|
||||
<path
|
||||
style="fill:none;stroke:#ff2bd5;stroke-width:0.3;stroke-opacity:1"
|
||||
d="m 29.728274,54.571433 v 3.7407 H 87.1745 v -3.7407"
|
||||
id="path3" />
|
||||
<path
|
||||
style="fill:none;stroke:#20cc8a;stroke-width:0.3;stroke-opacity:1"
|
||||
d="m 86.878278,47.878793 v -3.7407 h 45.804582 v 3.7407"
|
||||
id="path4" />
|
||||
<path
|
||||
style="fill:none;stroke:#b183f5;stroke-width:0.3;stroke-opacity:1"
|
||||
d="m 132.38684,54.571433 v 3.7407 h 36.27987 v -3.7407"
|
||||
id="path5" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-weight:200;font-size:3.175px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Ultra-Light';white-space:pre;inline-size:0;fill:#ff2bd5;fill-opacity:1;stroke:#808080;stroke-width:0.899999;stroke-dasharray:none"
|
||||
x="60.677799"
|
||||
y="154.16701"
|
||||
id="text23635"
|
||||
transform="matrix(1.8930273,0,0,1.8930273,-60.403974,-228.32521)"><tspan
|
||||
id="tspan23633"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'FiraCode Nerd Font Mono';-inkscape-font-specification:'FiraCode Nerd Font Mono Bold';fill:#ff2bd5;fill-opacity:1;stroke:none;stroke-width:0.9"
|
||||
x="60.677799"
|
||||
y="154.16701">1</tspan></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-weight:200;font-size:3.175px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Ultra-Light';white-space:pre;inline-size:0;fill:#20cc8a;fill-opacity:1;stroke:#808080;stroke-width:0.899999;stroke-dasharray:none"
|
||||
x="60.677799"
|
||||
y="154.16701"
|
||||
id="text24389"
|
||||
transform="matrix(1.8930273,0,0,1.8930273,-6.4597365,-248.78285)"><tspan
|
||||
id="tspan24387"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'FiraCode Nerd Font Mono';-inkscape-font-specification:'FiraCode Nerd Font Mono Bold';fill:#20cc8a;fill-opacity:1;stroke:none;stroke-width:0.9"
|
||||
x="60.677799"
|
||||
y="154.16701">2</tspan></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-weight:200;font-size:3.175px;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Ultra-Light';white-space:pre;inline-size:0;fill:#b183f5;fill-opacity:1;stroke:#808080;stroke-width:0.899999;stroke-dasharray:none"
|
||||
x="60.677799"
|
||||
y="154.16701"
|
||||
id="text25264"
|
||||
transform="matrix(1.8930273,0,0,1.8930273,34.889672,-228.11076)"><tspan
|
||||
id="tspan25262"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'FiraCode Nerd Font Mono';-inkscape-font-specification:'FiraCode Nerd Font Mono Bold';fill:#b183f5;fill-opacity:1;stroke:none;stroke-width:0.9"
|
||||
x="60.677799"
|
||||
y="154.16701">3</tspan></text>
|
||||
<path
|
||||
style="fill:none;stroke:#398eff;stroke-width:0.3;stroke-opacity:1"
|
||||
d="m 168.65607,47.878793 v -3.7407 h 11.12266 v 3.7407"
|
||||
id="path6" />
|
||||
<path
|
||||
style="font-weight:bold;font-size:5.73938px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font Bold';fill:#398eff;fill-opacity:0.992157;stroke-width:0.348625"
|
||||
d="m 189.69326,37.134481 v 0.983053 h 0.40912 v 0.697555 h -0.40912 v 0.856492 h -0.89181 l -0.006,-0.856492 h -1.68944 v -0.618087 l 1.13316,-2.70781 0.79174,0.291384 -0.96539,2.336958 h 0.73287 l 0.1089,-0.983053 z"
|
||||
id="text6"
|
||||
transform="scale(0.92263604,1.083851)"
|
||||
aria-label="4" />
|
||||
</g>
|
||||
<metadata
|
||||
id="metadata6">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:title>Découpage d'une barre de progression</dc:title>
|
||||
<dc:date>2024.05.26</dc:date>
|
||||
<dc:creator>
|
||||
<cc:Agent>
|
||||
<dc:title>ephase</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:creator>
|
||||
<dc:rights>
|
||||
<cc:Agent>
|
||||
<dc:title>CC-BY-SA</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:rights>
|
||||
<dc:language>FR</dc:language>
|
||||
<cc:license
|
||||
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
|
||||
</cc:Work>
|
||||
<cc:License
|
||||
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:requires
|
||||
rdf:resource="http://creativecommons.org/ns#Notice" />
|
||||
<cc:requires
|
||||
rdf:resource="http://creativecommons.org/ns#Attribution" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
<cc:requires
|
||||
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
|
||||
</cc:License>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.7 KiB |
BIN
content/articles/2024/bash_printf/images/responsive.png
Normal file
BIN
content/articles/2024/bash_printf/images/responsive.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
content/articles/2024/bash_printf/images/responsive_corruped.png
Normal file
BIN
content/articles/2024/bash_printf/images/responsive_corruped.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
content/articles/2024/bash_printf/images/video.gif
Normal file
BIN
content/articles/2024/bash_printf/images/video.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Loading…
Add table
Add a link
Reference in a new issue